@charset "utf-8"; 

body {
	font-size: 14px
}

button {
	border: 0;
	cursor: pointer
}

button, input, select {
	box-sizing: content-box
}

input:focus {
	box-shadow: none;
	outline: 0
}

input[type=radio]:checked {
	background-position: 0 -15px
}

input[type=radio] {
	-webkit-appearance: none;
	vertical-align: middle;
	margin-right: 5px;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-image:
		url();
	cursor: pointer
}

.control_group {
	margin-bottom: 20px
}

.ui_form_select {
	height: 32px;
	line-height: 32px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
	vertical-align: middle;
	font-size: 14px;
	font-family: "Microsoft Yahei"
}

:-webkit-any (.ui_form_select ){
	-webkit-appearance: none;
	height: 34px;
	line-height: 24px;
	background: url(img/ico-select.png) right -6px no-repeat #fff
}

.ui_form_select:focus {
	outline: 0
}

.select_native_s {
	height: 27px;
	line-height: 15px;
	width: 98px;
	border-radius: 2px
}

.tc-textarea {
	width: 90%;
	min-height: 3em;
	border: 1px solid #d1d2d3;
	padding: 12px;
	border-radius: 3px
}

.tc-input-text {
	display: inline-block;
	width: 270px;
	padding: 6px 5px;
	border: 1px solid #d1d2d3;
	border-radius: 3px;
	font-size: 12px;
	outline: 0;
	color: #171d25;
	vertical-align: middle;
	transition: border-color .3s
}

.tc-input-text.error {
	color: #E1504A;
	border-color: #E1504A
}

.tc-input-text.small-input {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px
}

textarea.tc-input-text {
	height: 100px;
	line-height: 20px
}

.tc-input-text:focus, .tc-input-text:hover {
	border-color: #2277da
}

.tc-input-text-disable, .tc-input-text-disable:focus,
	.tc-input-text-disable:hover, .tc-input-text.disable, .tc-input-text.disable:focus,
	.tc-input-text.disable:hover {
	border-color: #d1d2d3;
	background: #f0f1f2;
	color: #a2a2a2;
	cursor: default
}

.tc-input-text.s {
	width: 40px
}

.edit_form_wrap .edit_psword li .txt {
	float: left;
	width: 90px;
	margin-left: -100px;
	text-align: right;
	font-size: 14px;
	line-height: 24px
}

.edit_form_wrap .edit_psword li .txt180 {
	width: 160px
}

.edit_form_wrap .edit_psword li .txt span {
	vertical-align: middle
}

.edit_form_wrap .edit_psword li {
	position: relative;
	padding-left: 100px;
	margin-bottom: 20px
}

.edit_form_wrap .edit_psword li:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.edit_form_wrap .edit_psword li .password, .edit_form_wrap .edit_psword li .txt_input
	{
	float: left;
	margin-right: 5px;
	border-radius: 2px;
	border: 1px solid #d1d2d3;
	line-height: 25px;
	height: 25px;
	text-indent: 5px;
	color: #171d25
}

.edit_form_wrap .edit_psword li .textarea {
	padding: 8px;
	width: 350px;
	height: 50px;
	border: 1px solid #B3B3B3;
	border-radius: 2px;
	resize: none;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1)
}

.edit_form_wrap .edit_psword li .mode {
	line-height: 26px
}

.edit_form_wrap .edit_psword li .mode label {
	margin-right: 20px
}

.edit_form_wrap .edit_psword li .tip {
	clear: both;
	color: #a2a2a2;
	padding-top: 5px
}

.edit_form_wrap .edit_psword li .wrong {
	color: #F15755;
	line-height: 25px;
	vertical-align: middle
}

.edit_form_wrap .edit_psword li .error, .edit_form_wrap .edit_psword li .red
	{
	border-color: #e1504a
}

.edit_form_wrap .red-text {
	color: #e1504a
}

.edit_form_wrap .edit_psword li.mod {
	padding-left: 0
}

.edit_form_wrap .edit_psword li .msg {
	line-height: 25px
}

.edit_form_wrap .no-margin {
	margin: 0;
	float: none
}

.edit_form_wrap .edit_psword li .code {
	float: left
}

.edit_form_wrap .edit_psword li .code img {
	width: 70px;
	height: 27px;
	display: block
}

.edit_form_wrap .edit_psword li .ui_form_select {
	float: left;
	width: 162px;
	margin-right: 10px
}

.edit_form_wrap .edit_psword li span {
	line-height: 24px
}

.edit_form_wrap .edit_psword li span.val {
	display: inline-block;
	vertical-align: middle
}

.edit_form_wrap .add-team-worker .tc-table-fixed-body {
	height: 170px;
	overflow: auto;
	border-bottom: 1px solid #ccc
}

.edit_form_wrap .add-team-worker .tc-table td {
	height: 35px
}

.tc-icon-bubble {
	font-size: 0;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 !important;
	z-index: 999
}

.tc-icon-bubble .tc-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.tc-icon-bubble .tc-icon-text {
	font-size: 12px;
	cursor: pointer
}

.tc-icon-bubble .tc-bubble {
	visibility: hidden;
	width: 300px;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	text-align: center;
	pointer-events: none;
	opacity: 0
}

.tc-icon-bubble.hover .tc-bubble, .tc-icon-bubble:hover .tc-bubble {
	z-index: 9999;
	visibility: visible;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	opacity: 1
}

.tc-icon-bubble .tc-bubble .tc-bubble-inner {
	display: inline-block;
	overflow-y: auto;
	max-width: 100%;
	max-height: 100%;
	text-align: left;
	vertical-align: middle;
	pointer-events: auto
}

.tc-checkbox {
	-webkit-appearance: none;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: auto;
	background-repeat: no-repeat;
	background-image: url(sprite/work-order-201712111650.png);
	background: 0 0\9;
	background-position: -363px -260px;
	cursor: pointer;
	outline: 0
}

.tc-checkbox:checked {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -303px -314px
}

.tc-checkbox[disabled] {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -293px -284px
}

.tc-checkbox[disabled]:checked {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -365px -284px
}

.tc-checkbox:checked, .tc-checkbox[disabled], .tc-checkbox[disabled]:checked
	{
	background: 0 0\9
}

.tc-checkbox+label {
	color: #404a58;
	margin-left: 5px;
	vertical-align: middle
}

.tc-15-table-rowhover tr.disable td a.recover {
	color: #2277da;
	cursor: pointer
}

.tc-15-table-rowhover tr.disable td a.recover:hover {
	text-decoration: underline
}

.tc-15-table-rowhover tr.disable .org-text {
	color: #a2a2a2
}

.dialog_layer_cont .right-control-dialog .red-text {
	color: red
}

.right-control-dialog .gray-text {
	color: #a2a2a2;
	padding-left: 20px
}

.right-control-dialog .add-user-box {
	width: 523px;
	border: 1px solid #71A9E0;
	border-radius: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	box-sizing: border-box;
	border-bottom: none
}

.right-control-dialog .add-user-box dt {
	height: 34px;
	line-height: 34px;
	background: #F7FBFF;
	padding-left: 10px;
	border-bottom: 1px solid #71A9E0
}

.right-control-dialog .add-user-box dt.current {
	background: #D8EBFF
}

.right-control-dialog .add-user-box dd {
	padding: 10px 26px
}

.right-control-dialog .add-user-box dd p {
	line-height: 30px
}

.right-control-dialog .add-user-box .auto-box {
	height: 125px;
	width: 360px;
	overflow: auto;
	border: 1px solid #ccc
}

.right-control-dialog .add-user-box .auto-box li {
	line-height: 34px;
	padding-left: 20px
}

.right-control-dialog .add-user-box .auto-box li.current,
	.right-control-dialog .add-user-box .auto-box li:hover {
	background: #F4F4F4
}

.right-control-dialog .auto-group {
	height: 230px;
	width: 520px;
	overflow: auto;
	border: 1px solid #ccc;
	margin-top: 15px;
	margin-bottom: 10px
}

.right-control-dialog .auto-group li {
	padding: 11px 15px;
	margin-bottom: 0
}

.right-control-dialog .auto-group li:hover {
	background: #F5F5F5
}

.right-control-dialog .auto-group .group-left-box {
	float: left;
	margin-right: 5px
}

.tc-icon-bubble .tc-bubble-bottom, .tc-icon-bubble .tc-bubble-top {
	left: 50%;
	margin-left: -150px
}

.tc-icon-bubble .tc-bubble-top {
	top: 100%;
	margin-top: 8px;
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px)
}

.tc-icon-bubble .tc-bubble-bottom {
	bottom: 100%;
	margin-bottom: 8px;
	-webkit-transform: translateY(8px);
	transform: translateY(8px)
}

.tc-icon-bubble.hover .tc-bubble-bottom, .tc-icon-bubble.hover .tc-bubble-top,
	.tc-icon-bubble:hover .tc-bubble-bottom, .tc-icon-bubble:hover .tc-bubble-top
	{
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.tc-bubble {
	position: absolute;
	color: #404a58;
	z-index: 9999
}

.tc-bubble .tc-bubble-inner:after, .tc-bubble .tc-bubble-inner:before {
	font-size: 0;
	position: absolute;
	width: 0;
	height: 0;
	content: '';
	border: 8px dashed transparent
}

.tc-bubble .tc-bubble-inner:after {
	border: 7px dashed transparent
}

.tc-bubble-inner {
	font-size: 12px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 10px;
	border: 1px solid #b3b7bf;
	border-radius: 2px;
	background-color: #fff;
	line-height: 1.6;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .15);
	position: static !important;
	left: 50%;
	top: 50%
}

.tc-bubble-top .tc-bubble-inner:after, .tc-bubble-top .tc-bubble-inner:before
	{
	bottom: 100%;
	left: inherit;
	right: inherit;
	margin-bottom: -1px;
	border-bottom-style: solid
}

.tc-bubble-top .tc-bubble-inner:before {
	margin-left: -8px;
	border-bottom-color: #b3b7bf
}

.tc-bubble-top .tc-bubble-inner:after {
	margin-left: -7px;
	border-bottom-color: #fff
}

.tc-btn {
	height: 25px;
	padding: 0 15px;
	border: 1px solid #0064b6;
	font-size: 12px;
	line-height: 25px;
	color: #fff;
	background: #2277da;
	cursor: pointer;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle
}

.tc-btn.orange {
	background-color: #ff6625;
	border-color: #e87044;
	color: #fff
}

.tc-btn.orange.focus, .tc-btn.orange:focus, .tc-btn.orange:hover {
	background-color: #ff824d
}

.tc-btn.white {
	color: #0071d1;
	background-color: #fcfcfc;
	border-color: #d1d2d3
}

.tc-btn.white.focus, .tc-btn.white:hover {
	background-color: #f2f2f2;
	border-color: #d1d2d3
}

.tc-btn.disabled, .tc-btn.disabled.focus, .tc-btn.disabled:focus,
	.tc-btn.disabled:hover {
	background-color: #e8e8e8;
	border-color: #d5d5d5;
	color: #a2a2a2;
	cursor: default
}

.tc-select {
	display: inline-block;
	min-width: 160px;
	padding: 4px 6px;
	font-size: 14px;
	color: #666;
	border-radius: 3px;
	vertical-align: middle;
	border: 1px solid #c9c9c9;
	background-color: #fff
}

:-webkit-any (.tc-select ){
	-webkit-appearance: none;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-image:
		url()
}

.tc-select optgroup[label] {
	color: #000
}

.tc-select option {
	margin-left: 0
}

.tc-select.top {
	vertical-align: top
}

.tc-select.bottom {
	vertical-align: bottom
}

.tc-select[multiple], .tc-select[size] {
	height: auto
}

.tc-select:focus {
	outline: #333 dotted thin;
	outline: -webkit-focus-ring-color auto 0;
	outline-offset: -2px
}

.tc-select.disabled, .tc-select[disabled], .tc-select[readonly] {
	cursor: not-allowed;
	background-color: #eee
}

.dialog_layer_account .account-info-user-btn {
	display: block;
	position: relative;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 30px 0
}

.dialog_layer_account .account-info-user-btn .coming-soon-icon {
	width: 68px;
	height: 18px;
	line-height: 18px;
	background-color: #FFB800;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-style: normal;
	text-align: center;
	border-radius: 3px;
	vertical-align: middle
}

.dialog_layer_account .account-info-user-btn.disble .text,
	.dialog_layer_account .account-info-user-btn.disble .title {
	color: #d3d3d3
}

.dialog_layer_account .account-info-user-btn.disble .account-info-enterprise-icon
	{
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -355px -122px
}

.dialog_layer_account .account-info-user-btn.disble .b-right-arrow-icon
	{
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -397px -273px
}

.dialog_layer_account .mt15 {
	margin-top: 15px
}

.dialog_layer_account .title {
	font-size: 22px;
	color: #171D25;
	vertical-align: middle;
	margin-right: 5px
}

.dialog_layer_account .text {
	color: #73777B;
	margin-top: 10px
}

.dialog_layer_account .account-info-enterprise-icon,
	.dialog_layer_account .account-info-user-icon {
	width: 51px;
	height: 51px;
	background-image: url(sprite/work-order-201712111650.png);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
	margin-right: 20px;
	background-position: -336px -202px
}

.dialog_layer_account .info-right-box {
	display: inline-block;
	vertical-align: middle
}

.dialog_layer_account .account-info-enterprise-icon {
	width: 34px;
	height: 57px;
	background-image: url(sprite/work-order-201712111650.png);
	margin-left: 39px;
	margin-right: 28px;
	background-position: -397px 0px
}

.dialog_layer_account .b-right-arrow-icon {
	width: 15px;
	height: 28px;
	background-image: url(sprite/work-order-201712111650.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -14px;
	background-position: -397px -243px
}

.title-select-panel h2 {
	display: inline-block;
	font-weight: 400;
	font-size: 22px;
	margin-right: 18px;
	vertical-align: middle
}

.title-select-panel .btn-close {
	position: absolute;
	top: 20px;
	right: 20px
}

.title-select-panel .head-btn-back {
	margin: 0 10px 0 0
}

.title-select-panel .btn-back {
	margin-right: 15px;
	vertical-align: middle
}

.action-panel {
	padding: 0 20px 5px;
	position: relative;
	z-index: 2;
	font-size: 0
}

div.tc-msg, p.tc-msg, span.tc-msg {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 22px;
	border-radius: 2px;
	color: #020202
}

.tc-msg .tc-btn {
	float: none
}

.tc-msg.row {
	display: block
}

.tc-msg.common {
	font-size: 12px;
	line-height: 32px;
	padding: 0 10px;
	background: #D2E7F7;
	color: #264663;
	border: 1px solid #5D9FD6
}

.tc-msg.danger {
	font-size: 12px;
	line-height: 32px;
	padding: 0 10px;
	background: #FFF5DB;
	color: #E09500;
	border: 1px solid #FFE29A
}

.tc-msg.warning {
	font-size: 12px;
	line-height: 32px;
	padding: 0 10px;
	background: #ffdfdf;
	color: #900;
	border: 1px solid #e7736e
}

.tc-msg.succeed {
	font-size: 12px;
	line-height: 32px;
	padding: 0 10px;
	background: #dff2e4;
	color: #189407;
	border: 1px solid #64bd59
}

.tc-msg.tip {
	font-size: 12px;
	line-height: 32px;
	padding: 0 10px;
	background: #fffee7;
	border: 1px solid #f2ba23;
	color: #264663
}

.tc-msg.common .clip {
	display: inline-block;
	width: 100%;
	height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.search-panel {
	float: right;
	position: relative;
	z-index: 9
}

.sel-host-keywd {
	height: 25px;
	width: 186px;
	padding: 0 26px 0 10px;
	float: left;
	font-size: 12px;
	line-height: 25px;
	border: 1px solid #d1d2d3;
	border-radius: 3px;
	-webkit-transition: width .3s linear;
	-moz-transition: width .3s linear;
	-o-transition: width .3s linear;
	transition: width .3s linear
}

.ico-download {
	width: 13px;
	height: 15px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(sprite/work-order-201712111650.png);
	display: inline-block;
	vertical-align: middle;
	background-position: -357px -314px
}

.new-action-panel .settings .ico-download, .new-action-panel .settings .ico-setting
	{
	margin-top: 5px
}

.sel-host-keywd:focus, .sel-host-keywd:hover {
	outline: 0
}

.sel-host-keywd:hover {
	border-color: #b4b7bf
}

.sel-host-keywd:focus {
	border-color: #2277da
}

.sel-host-keywd-large {
	width: 400px;
	text-overflow: ellipsis
}

.new-action-panel {
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px
}

.new-action-panel .settings {
	float: right;
	width: 25px;
	height: 25px;
	background: #fcfcfc;
	border-radius: 3px;
	border: 1px solid #d1d2d3;
	text-align: center;
	margin-left: 10px
}

.sel-host-btn {
	position: relative;
	position: relative;
	width: 26px;
	height: 25px;
	float: left;
	border: 0;
	border: 1px solid #d1d2d3;
	background: #fcfcfc;
	overflow: hidden;
	text-indent: -10em;
	margin-left: -26px;
	cursor: pointer;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.sel-host-btn:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -7px 0 0 -7px;
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -381px -260px
}

.stepbar {
	font-size: 14px;
	padding: 13px 0;
	border: 1px solid #ccc;
	border-width: 1px 0;
	border-top: none;
	margin: 0 20px 15px
}

.stepbar .step {
	float: left;
	height: 28px;
	color: #cbcfd4;
	font-weight: 700;
	position: relative
}

.stepbar.step-3 .step {
	width: 33%;
	min-width: 110px;
	text-align: center
}

.stepbar.step-5 .step {
	width: 20%;
	min-width: 110px;
	text-align: center
}

.stepbar .arrow-icon, .stepbar .disc {
	background-repeat: no-repeat
}

.stepbar .disc {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background-image: url(sprite/work-order-201712111650.png);
	font-family: helvetica, arial;
	background-position: -397px -89px
}

.stepbar .title {
	margin-left: 5px;
	font-weight: 400
}

.stepbar .arrow-icon {
	width: 15px;
	height: 28px;
	position: absolute;
	top: 1px;
	right: 0;
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -414px -243px
}

.stepbar .last .arrow-icon {
	display: none
}

.stepbar .step.actived {
	color: #1ba208
}

.stepbar .actived .disc {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -397px -117px
}

.shop_ui_block {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.shop_ui_block .b_item {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	background: #fff;
	border: 1px solid #b6d4f1;
	text-align: center;
	font-family: normal;
	color: #2a87e4;
	margin-left: -1px;
	vertical-align: middle;
	float: left;
	font-size: 12px
}

.shop_ui_block .b_item:hover {
	background: #f2f8ff
}

.shop_ui_block .b_first {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	margin-left: 0
}

.shop_ui_block .b_last {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.shop_ui_block .b_selected, .shop_ui_block .b_selected:hover {
	border-color: #71a9e0;
	position: relative;
	background: #d8ebff;
	color: #404a58
}

.shop_ui_block .b_disable, .shop_ui_block .b_disable:hover {
	border-color: #c1c6cb;
	position: relative;
	background: #eaeef1;
	color: #a4a4a4;
	cursor: default
}

.shop_ui_block .b_rmd .text {
	position: relative;
	padding-right: 10px;
	display: inline-block;
	vertical-align: top;
	line-height: 25px;
	cursor: pointer
}

.shop_ui_block .b_rmd .ico_recommend {
	width: 15px;
	height: 18px;
	position: absolute;
	top: 0;
	right: -8px;
	cursor: pointer
}

.ui_block_55 .b_item {
	width: 55px
}

.form-list {
	display: table
}

.form-list .form-list-item, .form-list li {
	display: table-row
}

.form-list .form-label label {
	display: inline-block;
	color: #8f9297;
	padding-right: 20px;
	white-space: nowrap
}

.manage-area-title.secondary-title {
	border-bottom: 1px solid #ccc
}

.secondary-title .back-link {
	vertical-align: -5px;
	display: inline-block;
	font-size: 16px
}

.secondary-title .back-link .btn-back-icon {
	margin-right: 10px;
	vertical-align: -2px
}

.secondary-title .line-icon {
	vertical-align: middle;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 16px;
	height: 19px;
	text-indent: -999px;
	border-left: 1px solid #a2a2a2
}

.manage-area-title-right {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%
}

.manage-area-title-right:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 100%;
	vertical-align: middle;
	font-size: 0
}

.manage-area-title-right a {
	font-size: 14px
}

.manage-area-title-right .tc-15-btn {
	vertical-align: middle;
	margin-left: 10px
}

.secondary-main {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 30px;
	overflow-y: auto
}

.secondary-main .tc-15-action-panel, .secondary-main .tc-15-table-panel
	{
	margin-left: 0;
	margin-right: 0
}

.param-box {
	padding: 23px 0 15px;
	border-top: 1px solid #EDEEF2;
	margin-top: -1px
}

.param-box .param-hd {
	line-height: 1.6;
	margin-bottom: 10px;
	color: #171d25
}

.param-box .param-bd {
	padding-left: 20px
}

.param-box .item-descr-list {
	display: table
}

.param-box .item-descr-list li {
	display: table-row;
	font-size: 14px;
	line-height: 1.7
}

.param-box .item-descr-list .item-descr-tit, .param-box .item-descr-list .item-descr-txt
	{
	display: table-cell;
	vertical-align: top;
	padding-bottom: 10px
}

.param-box .item-descr-list .item-descr-tit {
	color: #74777c;
	padding-right: 20px;
	white-space: nowrap;
	text-align: left;
	width: auto
}

.param-box .item-descr-list .item-descr-txt {
	color: #454a51
}

.param-box .item-descr-list.fixed-layout .item-descr-tit {
	white-space: normal;
	width: 6em
}

.param-box .param-bd .tc-15-table-panel {
	margin-top: 16px
}

.f-margin {
	margin-left: 20px !important;
	margin-right: 20px !important
}

.table-dl {
	display: table-row;
	width: 100%;
	font-size: 14px
}

.table-dl dt {
	display: table-cell;
	color: #73777B;
	text-align: right;
	white-space: nowrap;
	padding-bottom: 20px
}

.table-dl dt.top {
	vertical-align: top
}

.table-dl dt.middle {
	vertical-align: middle;
	padding-bottom: 10px
}

.table-dl dd {
	display: table-cell;
	padding-left: 30px;
	line-height: 30px;
	padding-bottom: 10px
}

.table-dl .help-txt {
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.8;
	color: #666
}

.table-dl.btn-row dd, .table-dl.btn-row dt {
	padding-top: 5px
}

.pull-left {
	float: left
}

.pull-right {
	float: right
}

.mt15 {
	margin-top: 15px !important
}

.mb15 {
	margin-bottom: 15px !important
}

.info-text {
	margin-top: 4px;
	display: inline-block
}

div.info-text, p.info-text {
	display: block;
	line-height: 30px
}

.tc-15-action-panel .info-text {
	display: inline-block;
	line-height: inherit
}

.approve-dl dd .info-text:first-child {
	line-height: inherit;
	margin-top: 0;
	margin-bottom: 8px
}

.info-text-icon {
	display: inline-block;
	vertical-align: -2px;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat
}

.info-text-icon.qq {
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 78.41% 27.139999999999997%;
	background-size: 650% 537.5%;;
	background-repeat: no-repeat
}

.info-text-icon.qq-disabled {
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 78.41% 52.86%;
	background-size: 650% 537.5%;;
	background-repeat: no-repeat
}

.info-text-icon.wechat {
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 1.1400000000000001% 98.57000000000001%;
	background-size: 650% 537.5%;;
	background-repeat: no-repeat
}

.info-text-icon.wechat-disabled {
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 21.59% 98.57000000000001%;
	background-size: 650% 537.5%;;
	background-repeat: no-repeat
}

.info-text-icon.email {
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 39.77% 50%;
	background-size: 650% 537.5%;;
	background-repeat: no-repeat
}

.info-text-icon.email-disabled {
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 78.41% 1.43%;
	background-size: 650% 537.5%;;
	background-repeat: no-repeat
}

.info-text .tc-15-btn {
	margin-left: 10px
}

.tc-15-rich-dialog-bd.tc-15-status-bd {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
	border-top: none
}

.tc-15-rich-dialog-bd.tc-15-status-bd .status-info-text {
	font-size: 20px;
	font-weight: 400;
	margin-top: 30px
}

.tc-15-rich-dialog-bd.tc-15-status-bd .status-text {
	font-size: 16px;
	margin-top: 50px;
	color: #454951
}

.tc-15-rich-dialog-bd.tc-15-status-bd .status-gray-text {
	font-size: 16px;
	color: #73777B;
	margin-top: 10px;
	width: 160px;
	margin-left: auto;
	margin-right: auto
}

.tc-15-table-fixed-head .tc-15-dropdown-in-hd .tc-15-dropdown-menu {
	width: 100%;
	max-width: 100%
}

.title-select-panel.no-border .tc-15-search {
	margin-top: 30px;
	width: auto
}

.title-select-panel.no-border .tc-15-search .tc-15-search-words {
	width: 200px
}

.tc-15-tablist li a {
	white-space: nowrap
}

.xl-success-icon {
	width: 112px;
	height: 120px;
	background-image: url(sprite/work-order-201712111650.png);
	display: inline-block;
	background-position: -283px 0px
}

.tc-15-loading {
	height: 10px;
	background-color: #06C290;
	border-radius: 10px;
	display: block
}

.manage-area-main .tc-15-tab {
	margin-left: 20px;
	margin-right: 20px
}

.secondary-main {
	padding-top: 15px
}

.dialog_layer_v2 .tc-15-input-text {
	font-size: 12px;
	line-height: 15px;
	height: 15px
}

.tc-15-calendar-select-wrap {
	float: left
}

.manage-area-title h2 {
	display: inline-block;
	vertical-align: middle;
	float: inherit
}

.tc-15-bubble .tc-15-bubble-inner a {
	vertical-align: inherit
}

.tc-15-v-sep {
	margin-left: 5px
}

.manage-area-title.no-border {
	border: none
}

.manage-area-title .title-links {
	float: right;
	font-size: 14px
}

.tc-15-rich-radio .favorable-icon {
	position: absolute;
	top: 0;
	right: 2px
}

.tc-15-radio-wrap {
	margin-left: 0
}

.tc-15-msg, .tc-15-step {
	margin-left: 0;
	margin-right: 0
}

.expend-sidebar-box .tc-15-msg {
	margin-top: 10px
}

.tc-15-select.m {
	min-width: 105px
}

.tc-15-msg a:hover {
	text-decoration: underline
}

.three-box {
	min-width: 953px;
	margin-left: 20px;
	border-bottom: 1px solid #ccc
}

.three-box .three-col {
	border-top: none;
	border-top: none;
	position: absolute;
	left: 227px;
	border: 1px solid #ccc;
	border-left: none;
	padding-top: 15px;
	min-width: 765px
}

.three-box .three-col .main-body, .three-box .three-col .main-head {
	min-width: initial
}

.three-col .tc-15-table-panel .tc-15-table-fixed-body, .three-col .tc-15-table-panel .tc-15-table-fixed-head
	{
	min-width: 725px
}

.second-main {
	left: 407px;
	font-size: 14px
}

.second-menu {
	width: 205px;
	border: 1px solid #d1d2d3;
	position: absolute;
	border-top: none;
	left: 20px;
	top: 73px;
	bottom: 0;
	right: 0
}

.second-menu-list {
	overflow: auto
}

.second-menu-list li {
	border-top: 1px solid #d1d2d3
}

.second-menu-list a {
	color: #171F29;
	height: 60px;
	display: block;
	line-height: 60px;
	padding-left: 15px;
	border-left: 3px solid #fff;
	font-size: 0
}

.second-menu-list a.current, .second-menu-list a:hover {
	background: #E3EFF9;
	border-left: 3px solid #4C9FE2
}

.second-menu-list a .pencil-icon, .second-menu-list a .rubbish-icon {
	display: none
}

.second-menu-list a:hover .pencil-icon, .second-menu-list a:hover .rubbish-icon
	{
	display: inline-block;
	margin-left: 4px
}

.second-menu-list a:hover em {
	display: none
}

.second-menu-list .til {
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
	color: #828b94
}

.second-menu-list .til p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.second-menu-list em {
	font-size: 12px;
	color: #586376
}

.second-menu .add-control-btn {
	height: 60px;
	display: block;
	line-height: 60px;
	padding-left: 15px;
	border-bottom: 1px solid #d1d2d3;
	border-top: 1px solid #d1d2d3;
	position: relative
}

.second-menu .add-control-btn.current {
	-webkit-box-shadow: -1px 0 5px rgba(73, 73, 87, .4);
	-moz-box-shadow: -1px 0 5px rgba(73, 73, 87, .4);
	box-shadow: -1px 0 5px rgba(73, 73, 87, .4)
}

.second-menu .add-control-btn .blue-add-icon {
	position: absolute;
	right: 20px;
	top: 25px
}

.second-menu-list .til {
	width: 134px;
	font-size: 14px
}

.auto-local-list label {
	color: #404a58;
	vertical-align: middle
}

.auto-local-list input {
	margin-right: 10px
}

.search-panel .sel-host-keywd {
	height: 25px;
	line-height: 25px
}

.second-menu-list a:hover .til {
	width: 125px;
	width: 120px\9
}

.more-action-btns {
	line-height: 27px;
	height: 27px;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.seperate-line {
	border: 1px dotted #d1d2d3;
	margin-right: 5px !important;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px
}

.more-action-btns.open .local-list {
	display: block
}

.more-action-btns .local-list {
	display: none;
	font-size: 12px;
	margin-top: 5px
}

.btn-link {
	text-decoration: none;
	padding: 0 50px 0 10px;
	height: 25px;
	border: 1px solid #d1d2d3;
	font-size: 12px;
	line-height: 25px;
	color: #0071d1;
	background: #fff;
	cursor: pointer;
	border-radius: 3px;
	display: block;
	position: relative
}

.more-action-btns .btn-link {
	color: #454951
}

.more-action-btns .auto-local-box .last-add-btn {
	width: 93%;
	border-top: 1px solid #d1d2d3;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 12px
}

.more-action-btns .blue-down-icon {
	position: absolute;
	right: 8px;
	top: 11px;
	overflow: hidden
}

.auto-local-box {
	display: none;
	border: 1px solid #d1d2d3;
	position: absolute;
	margin-top: 5px;
	background: #fff;
	min-width: 100%;
	z-index: 9
}

.more-action-btns.open .auto-local-box {
	display: block
}

.auto-local-box .auto-local-list {
	max-height: 180px;
	overflow-y: auto;
	border: none;
	position: relative;
	margin-top: 0;
	font-size: 12px;
	box-sizing: border-box;
	overflow-x: hidden;
	background: #fff
}

.auto-local-box .auto-local-list li {
	padding-left: 10px;
	white-space: nowrap;
	padding-right: 15px;
	padding-right: 25px\9;
	box-sizing: border-box
}

.auto-local-box .auto-local-list li:hover {
	background: #F1F1F1
}

.secondary-title-current-text {
	padding: 0 34px 0 10px;
	color: #404a58;
	font-size: 14px;
	line-height: 35px;
	height: 35px;
	display: inline-block;
	vertical-align: middle
}

.align-center {
	text-align: center
}

.align-right {
	text-align: right
}

.align-left {
	text-align: left
}

.tc-15-input-text.error, .tc-15-select.error {
	border: 1px solid #DE0909
}

.error-text {
	color: #DE0909;
	margin-top: 10px
}

.green-text {
	color: #06C18F
}

.org-text {
	color: #ff7200;
	display: inline
}

.vertical-m {
	vertical-align: middle
}

.org {
	color: #ed711f
}

.gray-text {
	color: #333;
	font-weight: 400
}

.red-text {
	color: red
}

.dashed-hr {
	width: 200px;
	border: none;
	border-bottom: 1px dashed #ccc;
	margin-left: -35px
}

.sidebar-panel .tc-15-table-panel {
	margin-left: 0;
	margin-right: 0
}

.title-select-panel .sel-local-wrap {
	margin-top: 5px
}

.tc-table td .td-box {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.approve-box {
	padding: 10px 20px 0;
	font-size: 14px
}

.approve-success {
	text-align: center
}

.approve-success .identity-card {
	display: inline-block;
	border-right: 1px solid #ccc;
	padding: 15px 80px 15px 0;
	vertical-align: middle
}

.approve-success .user-info {
	display: inline-block;
	text-align: left;
	vertical-align: middle
}

.approve-success .user-info .approve-dl dd, .approve-success .user-info .approve-dl dt
	{
	padding-bottom: 11px
}

.approve-dl {
	position: relative;
	display: table-row;
	width: 100%
}

.approve-dl dt {
	color: #73777B;
	display: table-cell;
	width: 170px;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 20px
}

.approve-dl dt.top {
	vertical-align: top
}

.approve-dl dd {
	display: table-cell;
	padding-bottom: 20px
}

.approve-dl dd.label-mr label {
	margin-right: 20px
}

.approve-dl .identity {
	border: 1px solid #ccc;
	width: 160px;
	height: 120px;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	font-size: 0
}

.approve-dl .identity:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 100%;
	vertical-align: middle;
	font-size: 0
}

.approve-dl .identity img {
	vertical-align: middle;
	max-width: 160px;
	height: auto
}

.approve-dl .identity-text {
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
	margin-top: 10px;
	line-height: 20px;
	margin-left: 5px
}

.approve-dl .uploadimg {
	margin-top: 15px
}

.approve-dl .change-btn, .approve-dl .upload-btn {
	height: 27px;
	line-height: 27px;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: center;
	display: inline-block;
	padding: 0 15px;
	overflow: hidden;
	vertical-align: middle
}

.approve-dl .change-btn.disabled, .approve-dl .change-btn.disabled.focus,
	.approve-dl .change-btn.disabled:focus, .approve-dl .change-btn.disabled:hover
	{
	background-color: #e8e8e8;
	border-color: #d5d5d5;
	color: #a2a2a2;
	cursor: default
}

.approve-dl .change-btn {
	margin-left: 10px;
	vertical-align: middle
}

.approve-dl .blue-btn125 {
	width: 125px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 14px;
	margin-top: 20px
}

.approve-dl .tips-text {
	font-size: 12px;
	color: #A1A1A1;
	margin-top: 10px
}

.approve-dl .error-text {
	color: #E1504A;
	font-size: 14px
}

.approve-dl .error-text .error-icon {
	margin-right: 5px
}

.approve-box .repeat-arrow-icon {
	width: 10px;
	height: 11px;
	background-repeat: no-repeat;
	background-image: url(sprite/work-order-201712111650.png);
	display: inline-block;
	vertical-align: middle;
	background-position: -383px -284px
}

.approve-box .wrong {
	margin-left: 5px;
	color: red;
	vertical-align: middle
}

.approve-box .main {
	overflow: auto;
	min-width: 1000px
}

.approve-box .main::-webkit-scrollbar {
	width: 7px;
	height: 7px
}

.approve-box .main::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #454c58
}

.approve-box .action-panel {
	margin-top: 15px
}

.location-selector .ui_form_select {
	margin-right: 5px;
	background-position: right 0;
	height: 26px;
	line-height: 24px
}

.approve-dl .search-card-tips {
	width: 280px;
	max-height: 284px;
	overflow: auto;
	border-radius: 3px;
	border: 1px solid #ccc;
	position: absolute;
	background: #fff;
	z-index: 999;
	margin-top: 5px
}

.approve-dl .search-card-tips a {
	padding: 10px;
	display: block;
	color: #171D25
}

.approve-dl .search-card-tips a:hover {
	background: #f0f1f2
}

.approve-dl .search-card-tips a.current {
	background: #2277da;
	color: #fff
}

.account-box {
	border-top: 1px solid #edeef2;
	padding: 40px 0
}

.account-box .title {
	font-size: 20px;
	color: #454a51;
	padding: 0 0 25px
}

.account-box .approve-dl>dt {
	width: 90px;
	display: table-cell;
	white-space: nowrap
}

.account-box .approve-dl dt .tc-15-bubble {
	white-space: normal
}

.account-box .info-text .approve-icon {
	padding: 0 10px;
	min-width: 34px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	display: inline-block;
	background: #51AF31;
	font-style: normal;
	border-radius: 3px;
	margin-left: 5px
}

.account-box .info-text .approve-icon.disable {
	background: #A1A1A1
}

.account-box .approve-icon+.tc-15-btn {
	margin-left: 10px
}

.account-box .info-text .approve-line {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	height: 14px;
	border-left: 1px solid #d1d2d3
}

.account-box .info-text .bubble-bg {
	width: auto;
	height: 28px;
	display: inline-block;
	vertical-align: middle;
	color: #454951;
	line-height: 28px;
	text-indent: 14px;
	border: 1px solid #E7E3D5;
	border-left: none;
	position: relative;
	background: #FFFDEF;
	margin-left: 10px;
	padding-right: 15px
}

.account-box .info-text .bubble-bg .close-btn {
	width: 10px;
	height: 10px;
	background-image: url(sprite/work-order-201712111650.png);
	display: inline-block;
	margin-left: 5px;
	background-position: -143px -354px
}

.account-box .info-text .bubble-bg .bubble-arrow-icon {
	width: 7px;
	height: 28px;
	position: absolute;
	background-color: #FFFDEF;
	background-repeat: no-repeat;
	background-image: url(sprite/work-order-201712111650.png);
	left: -7px;
	background-position: -104px -354px
}

.capital-box {
	width: 100%;
	display: table;
	table-layout: fixed
}

.capital-box .tc-btn {
	padding: 3px 23px
}

.capital-box-left {
	display: table-cell;
	padding: 10px 0 10px 36px;
	border-right: 1px solid #edeef2;
	vertical-align: top;
	width: 25%
}

.capital-box-left:last-child {
	border-right: none
}

.account-box .til {
	color: #73777B;
	position: relative
}

.account-box .til-extra {
	float: right;
	margin-right: 20px
}

.account-box .til-extra a {
	color: #666
}

.account-box .price {
	color: #ff824d;
	font-size: 36px;
	margin: 10px 0;
	word-break: break-all
}

.account-box .price.black {
	color: #454951
}

.account-box .price .small-price {
	font-size: 16px;
	font-style: normal
}

.capital-box-left .btn-text {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	line-height: 33px
}

.capital-box-left .tc-btn {
	margin-right: 5px;
	line-height: 27px
}

.account-box.main-mod {
	padding-left: 30px;
	border-top: none
}

.account-box.sub-mod {
	margin-left: 30px
}

.capital-box .tc-icon-bubble {
	z-index: 10;
	margin-left: 5px
}

.capital-box .w486.tc-15-bubble-icon .tc-15-bubble {
	width: 486px
}

.capital-box .tc-icon-bubble .tc-bubble {
	width: 486px;
	margin-left: -50px
}

.capital-box .tc-bubble-top .tc-bubble-inner:after, .capital-box .tc-bubble-top .tc-bubble-inner:before
	{
	left: 10%
}

.location-selector .ui_form_select {
	min-width: 160px;
	margin-right: 5px
}

.approve-box .add-user-box {
	width: 523px;
	border: 1px solid #71A9E0;
	border-radius: 3px;
	margin-top: 15px;
	box-sizing: border-box;
	border-bottom: none;
	margin-left: 104px;
	margin-bottom: 30px
}

.approve-box .add-user-box dt {
	height: 34px;
	line-height: 34px;
	background: #F7FBFF;
	padding-left: 10px;
	border-bottom: 1px solid #71A9E0
}

.approve-box .add-user-box dt.last-child {
	border-top: 1px solid #71A9E0
}

.approve-box .add-user-box dt.current {
	background: #D8EBFF
}

.approve-box .add-user-box dd {
	padding: 10px 26px
}

.approve-box .add-user-box dd p {
	line-height: 30px
}

.approve-box .add-user-box .auto-box {
	height: 125px;
	width: 360px;
	overflow: auto;
	border: 1px solid #ccc
}

.approve-box .add-user-box .auto-box li {
	line-height: 34px;
	padding-left: 20px
}

.approve-box .add-user-box .auto-box li.current, .approve-box .add-user-box .auto-box li:hover
	{
	background: #F4F4F4
}

.approve-box .auto-group {
	height: 230px;
	width: 630px;
	overflow: auto;
	border: 1px solid #ccc;
	margin-top: 15px;
	margin-bottom: 10px
}

.approve-box .auto-group li {
	padding: 11px 15px
}

.approve-box .auto-group li:hover {
	background: #F5F5F5
}

.approve-box .auto-group .group-left-box {
	float: left;
	margin-right: 5px;
	height: 35px
}

.approve-box .approve-dl .info {
	margin-right: 20px
}

.title-select-panel {
	height: 73px;
	line-height: 73px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0
}

.title-select-panel.no-border {
	border-bottom: none
}

.manage-area-title.secondary-title {
	margin-bottom: 15px
}

.manage-area-title .back-link, .title-select-panel .back-link {
	vertical-align: -1px;
	vertical-align: middle;
	display: inline-block;
	font-size: 16px
}

.manage-area-title .back-link .btn-back-icon, .title-select-panel .back-link .btn-back-icon
	{
	margin-right: 10px;
	vertical-align: -2px
}

.manage-area-title .line-icon, .title-select-panel .line-icon {
	vertical-align: middle;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 16px;
	height: 19px;
	text-indent: -999px;
	border-left: 1px solid #a2a2a2
}

.manage-area-title .current-text, .title-select-panel .current-text {
	font-size: 22px;
	vertical-align: middle
}

.recharge-box {
	width: auto;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
	font-size: 14px
}

.recharge-box .tc-15-step {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 30px
}

.recharge-box .tc-15-table-panel {
	margin-left: 0;
	margin-right: 0
}

.recharge-box .recharge-cash {
	margin-top: 30px
}

.recharge-box .recharge-cash .tc-15-tab {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0
}

.recharge-box .recharge-cash .price-title {
	margin-bottom: 15px
}

.recharge-box .recharge-cash .price-title .gray-text {
	margin-right: 10px
}

.recharge-cash dd, .recharge-cash dt {
	display: inline-block;
	color: #999;
	vertical-align: middle
}

.recharge-cash dt {
	min-width: 56px
}

.recharge-cash dt.top {
	vertical-align: top;
	padding: 10px 0
}

.recharge-cash dd {
	padding-left: 15px;
	color: #666
}

.recharge-cash .bold {
	font-weight: 700
}

.recharge-cash .recharge-cash-btn {
	width: 120px;
	border: 1px solid #ccc;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	text-align: center;
	color: #454951;
	border-radius: 3px;
	margin-right: 5px;
	vertical-align: middle
}

.recharge-cash .recharge-cash-btn.current {
	position: relative;
	border-color: #0071CD
}

.recharge-cash .recharge-cash-btn.current:before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -321px -314px
}

.recharge-cash .recharge-cash-con {
	padding-top: 20px;
	border: none;
	border-top: none
}

.recharge-cash .recharge-cash-con dl {
	margin-bottom: 15px
}

.recharge-dialog {
	text-align: center;
	padding: 30px 0
}

.recharge-cash .recharge-volumes {
	padding-top: 30px;
	padding-left: 0;
	padding-bottom: 30px;
	border: none;
	border-top: none
}

.recharge-cash .recharge-volumes .input-box {
	margin-bottom: 30px
}

.recharge-cash .recharge-volumes .input-box .error {
	border-color: #e1504a;
	color: #e1504a
}

.recharge-cash .recharge-volumes .error-text {
	color: #e1504a;
	font-size: 12px;
	padding-top: 5px
}

.recharge-cash .recharge-volumes .tc-15-input-text {
	height: 23px;
	line-height: 23px
}

.recharge-volumes .recharge-volumes-list {
	margin-top: 0;
	font-size: 0
}

.recharge-volumes .recharge-volumes-list li {
	width: 281px;
	height: 99px;
	background-repeat: no-repeat;
	background-image: url(sprite/work-order-201712111650.png);
	display: inline-block;
	font-size: 14px;
	margin-right: 20px;
	vertical-align: middle;
	margin-bottom: 20px;
	background-position: 0px 0px
}

.recharge-volumes .recharge-volumes-list li.current {
	cursor: pointer;
	background-image: url(sprite/work-order-201712111650.png);
	line-height: 98px;
	text-align: center;
	color: #A2A2A2;
	background-position: 0px -101px
}

.recharge-volumes .recharge-volumes-list .recharge-volumes-list-box {
	display: table;
	height: 76px;
	width: 280px;
	margin-top: 12px
}

.recharge-volumes .recharge-volumes-list .checkbox-box {
	display: table-cell;
	width: 38px;
	text-align: center;
	vertical-align: middle;
	height: 27px;
	border-right: 1px dashed #B5D7F1
}

.recharge-volumes .recharge-volumes-list .volumes-text {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	padding-right: 20px;
	line-height: 25px
}

.recharge-volumes .recharge-volumes-list .volumes-text .price {
	font-size: 30px;
	color: #454951
}

.recharge-volumes .recharge-volumes-list .volumes-input {
	padding-right: 0;
	text-align: center;
	position: relative
}

.recharge-volumes .recharge-volumes-list .volumes-input .tc-15-input-text
	{
	width: 120px;
	height: 15px;
	line-height: 15px;
	margin-right: 5px;
	vertical-align: middle
}

.recharge-volumes .recharge-volumes-list .volumes-input .tc-15-btn {
	vertical-align: middle
}

.recharge-volumes .recharge-volumes-list .volumes-input .error-text {
	text-align: left;
	padding-left: 20px;
	position: absolute;
	padding-top: 0;
	margin-top: 4px
}

.recharge-cash .tc-15-tablist .new a {
	position: relative
}

.recharge-cash .tc-15-tablist .new a:before {
	content: '';
	position: absolute;
	right: -1px;
	top: -6px;
	width: 33px;
	height: 16px;
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -397px -225px
}

.recharge-volumes.padding {
	padding-left: 20px;
	padding-right: 20px
}

.recharge-volumes .off-online-list {
	margin-top: 20px;
	line-height: 26px;
	padding-left: 13px;
	min-width: 750px;
	max-width: 900px;
	color: #666
}

.recharge-volumes .off-online-list>li {
	padding-left: 34px;
	border-left: 1px dashed #ccc;
	padding-bottom: 40px;
	position: relative
}

.recharge-volumes .off-online-list>li.last {
	border-left: none
}

.recharge-volumes .off-online-list>li .tc-15-btn {
	margin-top: 15px
}

.recharge-volumes .off-online-list dl {
	margin-bottom: 0
}

.recharge-volumes .off-online-list .number-icon-box {
	height: 22px;
	line-height: 22px;
	width: 22px;
	border: 1px solid #ccc;
	position: absolute;
	border-radius: 23px;
	background-color: #fff;
	text-align: center;
	color: #73777B;
	left: -13px
}

.recharge-volumes .off-online-list h3, .recharge-volumes .off-online-list strong
	{
	color: #333
}

.off-online-note {
	line-height: 26px
}

.off-online-btnbar {
	padding-left: 47px
}

.off-online-dialog .form-list {
	padding-left: 20px
}

.off-online-dialog .identity {
	border: 1px solid #ccc;
	width: 160px;
	height: 120px;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	font-size: 0;
	box-sizing: border-box
}

.off-online-dialog .identity:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 100%;
	vertical-align: middle;
	font-size: 0
}

.off-online-dialog .identity img {
	vertical-align: middle;
	max-width: 158px;
	height: auto
}

.off-online-dialog .identity-text {
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
	margin-top: 10px;
	line-height: 20px;
	margin-left: 5px
}

.off-online-dialog .uploadimg {
	margin-top: 15px
}

.off-online-dialog .upload-btn {
	height: 27px;
	line-height: 27px;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: center;
	display: inline-block;
	padding: 0 15px;
	overflow: hidden;
	vertical-align: middle
}

.recharge-volumes .btn-icon .add {
	position: relative;
	top: -2px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 13px;
	height: 13px;
	background-repeat: no-repeat;
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -128px -354px
}

.recharge-accounts {
	font-size: 0
}

.recharge-accounts>li {
	display: inline-block;
	vertical-align: middle;
	margin: 10px 10px 0 0;
	padding: 0 30px 0 10px;
	max-width: 142px;
	position: relative;
	border: 1px solid #d1d2d3;
	border-radius: 2px;
	line-height: 33px;
	font-size: 14px;
	color: #333;
	cursor: default
}

.recharge-accounts>li:hover {
	background: #f5f5f5;
	border-color: #c0c1c2
}

.recharge-accounts .txt {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.recharge-accounts .delete {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 100%;
	text-align: center;
	font-size: 0
}

.recharge-accounts .delete:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 13px;
	background-repeat: no-repeat;
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -372px -314px
}

.recharge-accounts .delete:hover:before {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -113px -354px
}

.recharge-accounts .delete span {
	position: absolute;
	left: 50%;
	bottom: 100%;
	z-index: 100;
	margin-bottom: 4px;
	margin-left: -41px;
	padding: 0 10px;
	border: 1px solid #babec2;
	border-radius: 2px;
	font-size: 12px;
	line-height: 25px;
	background: #fff;
	white-space: nowrap;
	color: #333;
	transform: translate(0, 5px);
	opacity: 0;
	visibility: hidden;
	transition: all .3s linear
}

.recharge-accounts .delete span:after, .recharge-accounts .delete span:before
	{
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 9px 0;
	border-color: #babec2 transparent
}

.recharge-accounts .delete span:after {
	margin-top: -1px;
	border-color: #fff transparent
}

.recharge-accounts .delete.hover span, .recharge-accounts .delete:hover span
	{
	transform: translate(0, 0);
	opacity: 1;
	visibility: visible
}

.recharge-volumes .autorecharge-list {
	margin-top: 20px;
	line-height: 26px;
	padding-left: 13px;
	min-width: 750px;
	max-width: 900px;
	color: #666
}

.recharge-volumes .autorecharge-list>li {
	padding-left: 34px;
	border-left: 1px dashed #ccc;
	padding-bottom: 40px;
	position: relative
}

.recharge-volumes .autorecharge-list>li.last {
	border-left: none
}

.recharge-volumes .autorecharge-list .number-icon-box {
	height: 22px;
	line-height: 22px;
	width: 22px;
	border: 1px solid #ccc;
	position: absolute;
	border-radius: 23px;
	background-color: #fff;
	text-align: center;
	color: #73777B;
	left: -13px
}

.recharge-volumes .autorecharge-list h3, .recharge-volumes .autorecharge-list strong
	{
	color: #333
}

.autorecharge-note {
	line-height: 26px
}

.autorecharge-btnbar {
	padding-left: 47px
}

.autorecharge-info {
	border: 1px solid #d9d9d9;
	color: #666;
	margin-top: 12px;
	padding: 10px 15px
}

.autorecharge-info-title {
	font-size: 16px;
	font-weight: 400;
	color: #333;
	display: block;
	margin-bottom: -4px
}

.autorecharge-info-accounts {
	color: #333
}

.autorecharge-operation {
	margin-top: 20px
}

.autorecharge-operation-item {
	display: table
}

.autorecharge-operation-item+.autorecharge-operation-item {
	margin-top: 20px
}

.autorecharge-operation-label {
	display: table-cell;
	vertical-align: middle;
	width: 1%;
	white-space: nowrap;
	color: #666
}

.autorecharge-operation-value {
	display: table-cell;
	vertical-align: middle;
	color: #333;
	padding-left: 20px
}

.autorecharge-operation .btn-with-comfirm {
	position: relative;
	display: inline-block
}

.autorecharge-operation .btn-with-comfirm .tc-15-confirm-popout {
	width: 320px;
	left: 0;
	bottom: 100%;
	margin: 0 0 13px;
	display: none
}

.autorecharge-operation .btn-with-comfirm.is-actived .tc-15-confirm-popout
	{
	display: block
}

.renewals-dialog {
	text-align: center;
	padding: 33px 0;
	line-height: 25px
}

.title-text {
	font-size: 18px;
	margin-top: 10px;
	display: inline-block
}

.renewals-dialog .loadding-box {
	position: relative;
	text-align: left;
	margin-top: 15px;
	display: inline-block
}

.renewals-dialog .loadding-box span {
	color: #2277da;
	font-size: 12px;
	vertical-align: middle
}

.renewals-dialog .loadding {
	padding: 10px 0;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.renewals-dialog .loadding-text {
	text-align: left;
	font-size: 14px;
	color: #454951
}

.renewals-dialog .loadding p {
	width: 370px;
	height: 8px;
	border: 1px solid #2277da;
	border-radius: 10px
}

.renewals-dialog .loadding p.current {
	background-color: #2277da;
	margin-top: -10px
}

.renewals-con {
	font-size: 14px;
	margin-top: 20px
}

.renewals-con .tc-15-table-panel {
	margin: 20px 0
}

.renewals-con h2 {
	font-size: 16px
}

.renewals-con .tc-15-msg {
	margin-bottom: 15px
}

.renewals-con.border-bottom {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px
}

.renewals-con .more-action-btns {
	margin-right: 0
}

.renewals-con dl {
	margin-bottom: 15px;
	display: table
}

.renewals-con dt {
	color: #73777B;
	width: 115px;
	text-align: right;
	padding-right: 15px
}

.renewals-con dt.top {
	vertical-align: top
}

.renewals-con dd, .renewals-con dt {
	display: table-cell
}

.renewals-con dd p {
	margin-bottom: 10px
}

.renewals-con .price {
	font-size: 25px;
	color: #FF7921;
	margin-left: 15px
}

.renewals-con dd.col-line {
	margin-left: 120px;
	margin-top: 5px
}

.total-price {
	text-align: right;
	padding-right: 74px;
	line-height: 30px
}

.new-action-panel .tc-15-tab {
	margin-bottom: 0;
	position: relative
}

.btn-reminder {
	position: absolute;
	right: 0;
	top: 5px
}

.invoice-news-tip {
	padding: 0 20px;
	font-size: 14px
}

.invoice-news {
	border: 1px solid #ccc;
	padding: 15px 0;
	background-color: #F5F7F9;
	display: table;
	width: 100%;
	margin-bottom: 13px
}

.invoice-news .invoice-news-box {
	border-left: 1px solid #D1D5DD;
	display: table-cell;
	padding: 0 20px;
	width: 33.33333333%;
	vertical-align: middle;
	line-height: 22px
}

.invoice-news .invoice-news-box.gray-text {
	color: #74777c
}

.invoice-news .invoice-news-box .gray-text {
	vertical-align: middle;
	color: #74777c;
	margin-right: 5px;
	font-size: 14px
}

.invoice-news .invoice-news-box a, .invoice-news .invoice-news-box span
	{
	vertical-align: middle
}

.invoice-news .invoice-news-box:first-child {
	border-left: none
}

.invoice-news .invoice-news-box .tc-15-btn {
	padding: 0 30px;
	vertical-align: middle
}

.invoice-news .invoice-news-box .price-box {
	font-size: 16px;
	color: #454951;
	margin-bottom: 10px;
	margin-top: 15px
}

.invoice-news .invoice-news-box .price-box em {
	font-size: 36px
}

.invoice-news .invoice-news-box .address-icon, .invoice-news .invoice-news-box .invoice-icon
	{
	width: 27px;
	height: 28px;
	background-image: url(sprite/work-order-201712111650.png);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	background-position: -397px -59px
}

.invoice-news .invoice-news-box .address-icon {
	height: 24px;
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -397px -145px
}

.invoice-news .invoice-news-box .til {
	margin-bottom: 10px
}

.invoice-manage-til {
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: 1px solid #ccc
}

.invoice-manage-box {
	padding-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
	padding-top: 20px
}

.invoice-manage-box.no-border {
	border: none
}

.invoice-manage-box .tc-15-bubble-icon {
	margin-left: 5px
}

.invoice-manage-box h2 {
	font-size: 18px;
	margin-bottom: 25px
}

.invoice-manage-dl {
	display: table-row;
	margin-bottom: 15px;
	width: 100%;
	font-size: 14px
}

.invoice-manage-dl dt {
	display: table-cell;
	color: #73777B;
	text-align: right;
	width: 145px;
	white-space: nowrap;
	padding-bottom: 20px
}

.invoice-manage-dl dd {
	display: table-cell;
	padding-left: 30px;
	padding-bottom: 20px
}

.invoice-manage-dl dd .tc-15-radio-wrap {
	margin-right: 15px
}

.invoice-manage-dl .upload-box {
	border: 1px solid #ccc;
	width: 160px;
	height: 120px;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	vertical-align: middle;
	font-size: 0
}

.invoice-manage-dl .upload-box:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 100%;
	vertical-align: middle;
	font-size: 0
}

.invoice-manage-dl .top {
	vertical-align: top
}

.invoice-manage-dl .upload-box img {
	vertical-align: middle;
	max-width: 160px;
	height: auto
}

.invoice-manage-dl .upload-text {
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
	vertical-align: middle;
	line-height: 20px;
	margin-left: 5px
}

.invoice-manage-dl .uploadimg {
	margin-top: 15px
}

.invoice-manage-dl .dl-help {
	margin-top: 10px;
	color: #333
}

.invoice-manage-dl .upload-help {
	margin-bottom: 5px;
	font-size: 14px
}

.invoice-manage-dl .upload-help a {
	font-size: 14px
}

.invoice-manage-dl .tc-15-bubble-icon {
	margin-left: 0
}

.recharge-title {
	padding-left: 20px;
	padding-top: 22px;
	padding-bottom: 22px;
	font-size: 0;
	border-bottom: 1px solid #ccc
}

.recharge-title .back-link {
	vertical-align: middle;
	display: inline-block;
	margin-left: 10px;
	font-size: 16px
}

.recharge-title .line-icon {
	vertical-align: middle;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 16px
}

.recharge-title .current-text {
	font-size: 22px;
	vertical-align: middle
}

.recharge-address-box .recharge-address-list {
	font-size: 0
}

.recharge-address-box .recharge-address-list li {
	width: 330px;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 18px 20px 20px;
	border-radius: 3px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 20px;
	font-size: 14px;
	margin-right: 20px;
	vertical-align: middle
}

.recharge-address-box .recharge-address-list li.add-address-btn {
	text-align: center;
	font-size: 70px;
	height: 190px;
	color: #ccc;
	cursor: pointer
}

.recharge-address-box .recharge-address-list li.add-address-btn:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 100%;
	vertical-align: middle;
	font-size: 0
}

.recharge-address-box .recharge-address-list .b-add-icon {
	width: 70px;
	height: 72px;
	background-repeat: no-repeat;
	background-image: url(sprite/work-order-201712111650.png);
	display: inline-block;
	vertical-align: middle;
	background-position: -283px -122px
}

.recharge-address-box .recharge-address-list li.current {
	border: 1px solid #006FCB
}

.recharge-address-box .recharge-address-list li.current .recharge-cash-btn-icon
	{
	width: 25px;
	height: 25px;
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(sprite/work-order-201712111650.png);
	bottom: 0;
	right: 0;
	background-position: -397px -171px
}

.recharge-address-box .recharge-address-list .title {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px
}

.recharge-address-box .recharge-address-list .title .default-btn {
	width: 44px;
	height: 18px;
	line-height: 18px;
	background: #006FCB;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 12px;
	border-radius: 3px
}

.recharge-address-box .recharge-address-list .title>span {
	display: table-cell;
	width: 50%;
	white-space: nowrap
}

.recharge-address-box .recharge-address-list .content {
	line-height: 21px;
	padding-top: 10px
}

.recharge-address-box .recharge-address-list .content .text-ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.recharge-address-box .recharge-address-list .foot {
	padding-top: 20px
}

.invoice-dialog-box .invoice-manage-dl dd {
	padding-left: 15px;
	font-size: 12px
}

.invoice-dialog-box .success-box {
	text-align: center;
	padding-top: 80px
}

.invoice-dialog-box .success-box .success-text {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px
}

.invoice-dialog-box .success-box h2 {
	font-size: 26px;
	margin-bottom: 10px;
	font-weight: 400
}

.list-tab-box {
	float: right;
	font-size: 0
}

.list-tab-box a {
	border: 1px solid #DDDDDE;
	font-size: 12px;
	width: 28px;
	height: 28px;
	line-height: 26px;
	text-align: center;
	display: inline-block;
	margin-right: -1px;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.list-tab-box a:first-child {
	border-radius: 3px 0 0 3px
}

.list-tab-box a.current {
	border-color: #8BBAE8;
	background-color: #D8EBFF;
	z-index: 1;
	position: relative
}

.voucher-th-large {
	padding-top: 20px;
	border-top: 1px solid #ededed
}

.voucher-th-large .voucher-th-large-list {
	font-size: 0
}

.voucher-th-large .voucher-th-large-list li {
	width: 474px;
	font-size: 14px;
	border: 1px solid #B5D7F3;
	background-color: #F7FBFF;
	padding: 30px 0 30px 20px;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	vertical-align: middle
}

.voucher-th-large .voucher-th-large-list li.disable {
	background-color: #F5F5F5;
	border-color: #D3D3D3
}

.voucher-th-large .voucher-th-large-list li.disable .buy-box,
	.voucher-th-large .voucher-th-large-list li.disable .buy-btn.disable,
	.voucher-th-large .voucher-th-large-list li.disable .buy-news .des,
	.voucher-th-large .voucher-th-large-list li.disable .buy-news .til {
	background-color: #F5F5F5 !important;
	color: #a2a2a2 !important
}

.voucher-th-large .freeze-icon, .voucher-th-large .past-due-icon,
	.voucher-th-large .used-icon {
	width: 85px;
	height: 80px;
	background-repeat: no-repeat;
	background-image: url(sprite/work-order-201712111650.png);
	text-indent: -999999px;
	overflow: hidden;
	position: absolute;
	top: -1px;
	right: 0;
	background-position: -87px -202px
}

.voucher-th-large .past-due-icon {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: 0px -202px
}

.voucher-th-large .used-icon {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -174px -202px
}

.voucher-th-large .voucher-th-large-list .voucher-list-box {
	display: table;
	width: 100%
}

.voucher-th-large .buy-box {
	display: table-cell;
	color: #006FCB;
	font-size: 20px;
	vertical-align: top;
	width: 185px;
	width: 190px\9;
	text-align: center
}

.voucher-th-large .buy-box p {
	font-family: "microsoft yahei"
}

.voucher-th-large .buy-btn {
	width: 177px;
	height: 35px;
	line-height: 33px;
	border: 1px solid #2277da;
	background-color: #F7FBFF;
	border-radius: 3px;
	color: #006FCB;
	margin-top: 48px;
	font-size: 14px
}

.voucher-th-large .buy-btn:hover {
	background-color: #006FCB;
	color: #fff
}

.voucher-th-large .buy-btn.disable {
	background-color: #F7FBFF;
	color: #A1A1A1;
	border-color: #A1A1A1;
	cursor: default
}

.voucher-th-large .buy-box .price-text {
	font-size: 54px;
	line-height: 45px
}

.voucher-th-large .buy-news {
	display: table-cell;
	line-height: 25px;
	padding-left: 20px
}

.voucher-th-large .buy-news .til {
	font-size: 24px;
	color: #006FCB;
	font-weight: 400
}

.voucher-th-large .buy-news .des {
	font-size: 16px;
	color: #338DD7;
	margin-top: 5px;
	margin-bottom: 10px
}

.voucher-th-large .buy-news .copy-btn {
	margin-left: 5px
}

.voucher-th-large .commodity-list {
	font-size: 0;
	font-family: "microsoft yahei"
}

.voucher-th-large .commodity-list li {
	width: 250px;
	border: 1px solid #B5D7F3;
	background-color: #F7FBFF;
	padding: 20px;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative
}

.voucher-th-large .commodity-list .til {
	color: #338DD7;
	line-height: 22px;
	border-bottom: 1px solid #CBE3F5;
	padding-bottom: 20px
}

.voucher-th-large .commodity-list .til .copy-btn {
	margin-left: 10px;
	color: #006FCB
}

.voucher-th-large .commodity-list .til h3 {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 15px;
	color: #006FCB
}

.voucher-th-large .commodity-list .con {
	padding-top: 20px;
	color: #73777B;
	line-height: 22px
}

.voucher-th-large .commodity-list .buy-btn {
	width: 100%;
	margin-top: 25px;
	font-size: 14px;
	box-sizing: border-box
}

.voucher-th-large .commodity-list li.disable {
	background-color: #F5F5F5;
	border-color: #D3D3D3
}

.voucher-th-large .commodity-list li.disable .buy-btn.disable,
	.voucher-th-large .commodity-list li.disable .con, .voucher-th-large .commodity-list li.disable .til,
	.voucher-th-large .commodity-list li.disable .til h3 {
	border-color: #D3D3D3;
	background-color: #F5F5F5 !important;
	color: #a2a2a2 !important
}

.voucher-dialog-box .invoice-manage-dl dt {
	width: 80px
}

.voucher-dialog-box .invoice-manage-dl dd i {
	margin-left: 5px
}

.expenses-box {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #73777B;
	display: inline-block
}

.expenses-box .red-text {
	margin-left: 10px
}

.expenses-time {
	margin-left: 50px;
	display: inline-block;
	color: #73777B;
	vertical-align: middle
}

.expenses-time .text {
	margin-left: 10px;
	color: #454951
}

.sidebar-panel .mt20 {
	margin-top: 20px
}

.sidebar-panel .total-price {
	padding-right: 0;
	color: #73777B
}

.sidebar-panel .total-price .org-text {
	margin-left: 15px
}

.sidebar-panel .total-price b {
	font-size: 25px
}

.sidebar-panel .tc-15-page {
	margin-left: 0;
	margin-right: 0
}

.sidebar-title {
	display: table;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 15px
}

.sidebar-title .tb-left {
	display: table-cell;
	text-align: left
}

.sidebar-title .tb-right {
	display: table-cell;
	text-align: right
}

.sidebar-title h3 {
	font-size: 16px
}

.alarm-dialog {
	font-size: 12px
}

.alarm-dialog .error-text {
	margin-top: 0;
	font-size: 12px
}

.control-dialog-list {
	max-height: 290px;
	overflow-y: scroll
}

.control-dialog-list li {
	padding-top: 5px;
	padding-bottom: 5px
}

.table-text-dl {
	display: table-row;
	width: 100%;
	font-size: 14px;
	line-height: 25px
}

.table-text-dl dd, .table-text-dl dt {
	display: table-cell
}

.table-text-dl dt {
	text-align: right
}

.pannel-filter {
	padding: 20px 0;
	z-index: -99;
	font-size: 14px
}

.pannel-filter.top-border {
	border-top: 1px dashed #ccc
}

.total-price-box {
	font-size: 14px;
	text-align: right;
	padding: 15px 20px
}

.total-price-box .gray-text {
	vertical-align: middle
}

.total-price-box .price {
	font-size: 25px;
	color: #FF7921;
	font-weight: 700;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle
}

.total-price-box .pay-box {
	display: inline-block;
	vertical-align: top;
	text-align: center
}

.total-price-box .pay-box .text-btn {
	margin-top: 10px
}

.order-info-box {
	padding: 0 20px
}

.order-info-box.mt20 {
	margin-top: 20px
}

.order-info-box .mt15 {
	margin-top: 15px
}

.order-info-box .order-info-wrap {
	border: 1px solid #ddd;
	padding: 20px;
	font-size: 14px;
	line-height: 25px
}

.order-info-box h3 {
	font-size: 20px;
	color: #454951;
	margin-bottom: 20px
}

.order-info-box textarea {
	width: 100%;
	height: 120px;
	border-radius: 3px
}

.order-info-box .bottom-info-btn {
	margin-top: 20px
}

.my-order-dialog .tc-15-table-panel {
	margin-left: 0;
	margin-right: 0
}

.student-box {
	margin-left: 20px;
	margin-right: 20px
}

.safe-verification-box .safe-verification-bg {
	width: 758px;
	height: 239px;
	background: url(img/safe-verification.png);
	display: inline-block
}

.safe-verification-box .safe-verification-bg2, .safe-verification-box .safe-verification-bg3
	{
	width: 906px;
	height: 239px;
	background: url(img/safe-verification2.png);
	display: inline-block
}

.safe-verification-box .safe-verification-bg3 {
	background: url(img/safe-verification3.png)
}

.wechat-info-box .text {
	font-size: 20px;
	color: #454951;
	margin-top: 10px
}

.wechat-info-box .links-text {
	margin-top: 10px;
	display: inline-block
}

.fac-application .fac-app-content {
	border-top: 1px solid #f3f3f3;
	margin: 0 20px;
	padding-top: 30px
}

.fac-application .fac-app-content .form-list {
	width: 610px
}

.fac-application .form-label {
	width: 140px;
	text-align: right
}

.fac-application .title {
	font-size: 24px;
	line-height: 2;
	color: #000
}

.fac-application .tc-15-btn.m {
	vertical-align: middle;
	margin-left: 20px
}

.fac-application .form-ctrl-label-stacked {
	display: inline-block;
	margin-right: 15px
}

.fac-application .tc-15-select.m {
	margin-right: 20px;
	min-width: 130px;
	margin-bottom: 10px
}

.fac-application .fac-app-btn-grounp .tc-15-btn {
	margin-right: 20px;
	width: 100px
}

.fac-application .dialog-content, .fac-application .dialog-title {
	display: inline-block;
	vertical-align: middle
}

.fac-application .dialog-content {
	width: 75%;
	margin-left: 15px
}

.fac-application .dialog-content .dialog-content-title {
	font-size: 18px;
	margin-bottom: 5px
}

.fac-application .form-image {
	width: 100px;
	height: 100px;
	border: 1px solid #ccc
}

.form-image {
	width: 120px;
	height: 80px;
	border: 1px solid #ccc;
	display: inline-block
}

.logo-img-inf {
	margin-left: 10px;
	display: inline-block;
	vertical-align: top
}

.logo-img-inf li {
	line-height: 28px;
	color: #8f9297
}

.logo-title-inf {
	width: 130px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden
}

.logo-wrong-tip {
	margin-left: 20px
}

.logo-standard-wrap {
	margin-bottom: 10px
}

.file-size {
	font-size: 14px;
	margin-left: 20px;
	color: #ababab
}

.fac-shop-manage .main .title {
	font-size: 24px;
	line-height: 2;
	color: #000
}

.fac-shop-manage .main .fac-shop-manage-main {
	border-top: 1px solid #ccc;
	margin: 0 20px;
	padding-top: 20px
}

.fac-shop-manage .tab-header {
	margin-top: 20px;
	margin-bottom: 10px
}

.fac-shop-manage .tab-header .search-box {
	display: inline-block;
	width: 200px;
	vertical-align: middle
}

.fac-shop-manage .tab-panel {
	width: 100%;
	border: 1px solid #ccc;
	min-height: 500px;
	box-sizing: border-box
}

.fac-shop-manage .tc-15-table-panel {
	margin: 0
}

.fac-shop-manage .tc-15-table-panel .tc-15-table-fixed-head {
	border-top: 0
}

.fac-shop-manage .tc-15-table-fixed-body {
	border-bottom: 0
}

.fac-shop-manage .tc-15-page {
	margin-left: 0;
	margin-right: 0
}

.fac-jx-creat .fac-app-content {
	border-top: 1px solid #f3f3f3;
	padding-top: 20px;
	margin: 0 20px
}

.fac-jx-creat .title {
	font-size: 24px;
	line-height: 2;
	color: #000
}

.fac-jx-creat .fac-app-content .form-list {
	width: 610px
}

.fac-jx-creat .tc-15-btn.m {
	vertical-align: middle;
	margin-left: 20px
}

.fac-jx-creat .tc-15-select {
	width: 280px
}

.fac-jx-creat .fac-app-btn-grounp .tc-15-btn {
	margin-right: 20px;
	width: 100px
}

.fac-jx-creat .form-label {
	width: 140px;
	text-align: right
}

.fac-yw-creat .fac-app-content {
	border-top: 1px solid #f3f3f3;
	padding-top: 30px;
	margin: 0 20px
}

.fac-yw-creat .title {
	font-size: 24px;
	line-height: 2;
	color: #000
}

.fac-yw-creat .fac-app-content .form-list {
	width: 610px
}

.fac-yw-creat .tc-15-btn.m {
	vertical-align: middle;
	margin-left: 20px
}

.fac-yw-creat .tc-15-select {
	width: 280px
}

.fac-yw-creat .fac-app-btn-grounp .tc-15-btn {
	margin-right: 20px;
	width: 100px
}

.fac-yw-creat .form-label {
	width: 140px;
	text-align: right
}

.fac-yw-creat .btn-add-line.m {
	margin-left: 0;
	margin-top: 10px
}

.fac-yw-creat .tc-15-table-fixed-body .text-overflow.m-width {
	min-width: 100%
}

.fac-sass-creat .fac-app-content {
	border-top: 1px solid #f3f3f3;
	padding-top: 30px;
	margin: 0 20px
}

.fac-sass-creat .title {
	font-size: 24px;
	line-height: 2;
	color: #000
}

.fac-sass-creat .fac-app-content .form-list {
	margin-left: auto;
	margin-right: auto
}

.fac-sass-creat .tc-15-btn.m {
	vertical-align: middle
}

.fac-sass-creat .tc-15-select {
	width: 280px
}

.fac-sass-creat .fac-app-btn-grounp .tc-15-btn {
	margin-right: 20px;
	width: 100px
}

.form-list .form-label.required .form-label-after-dis:after {
	display: none
}

.ml20 {
	margin-left: 20px
}

.form-unit .tc-15-table-panel {
	margin: 0
}

.form-unit.table-detail .tc-15-input-text {
	width: 70%;
	font-size: 12px;
	height: 15px;
	line-height: 15px
}

.table-detail {
	width: 60%
}

.fac-app-content .tc-15-msg {
	margin: 0 20px 20px
}

.uc-recharge-dialoginner .recharge-volumes .off-online-list {
	margin-top: 20px;
	line-height: 26px;
	padding-left: 13px;
	min-width: 0;
	color: #666
}

.uc-recharge-dialoginner .recharge-volumes {
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0
}

.uc-recharge-dialoginner .recharge-volumes .tc-15-input-text {
	height: 15px;
	line-height: 15px
}

.uc-recharge-form {
	position: relative;
	padding-left: 34px
}

.uc-recharge-form .form-list {
	padding-left: 0;
	padding-top: 10px
}

.balance-settings .tc-15-msg {
	margin-bottom: 20px
}

.balance-settings .code-unit {
	font-size: 14px;
	line-height: 27px
}

.balance-settings .code-unit .tc-15-input-text {
	width: 100px;
	vertical-align: top
}

.table-dl.pay-list-dl>dt {
	padding-top: 27px;
	vertical-align: top
}

.table-dl.pay-list-dl>dd {
	padding-top: 10px
}

.uc-outside-pay-list {
	width: 640px;
	border-top: 1px solid #ddd;
	display: table
}

.uc-outside-pay-list>li {
	display: table-row;
	color: #454951;
	font-size: 14px;
	cursor: pointer
}

.uc-outside-pay-list>li:hover {
	background-color: #E9F3FD
}

.uc-outside-pay-list .tb-cell {
	display: table-cell;
	vertical-align: middle;
	height: 55px;
	text-align: left;
	padding: 0;
	border-bottom: 1px solid #ddd
}

.uc-outside-pay-list .tb-cell:first-child {
	padding-left: 10px;
	width: 2%
}

.uc-outside-pay-list .tb-cell:nth-child(2) {
	text-align: center
}

.uc-outside-pay-list a {
	display: block;
	width: 11px
}

.uc-outside-pay-list .close-icon {
	width: 11px;
	height: 12px;
	background-image: url(sprite/work-order-201712111650.png);
	display: none;
	background-position: -419px -303px
}

.uc-outside-pay-list li:hover .close-icon {
	display: inline-block
}

.uc-outside-pay-list .master-icon, .uc-outside-pay-list .visa-icon {
	margin-top: 1px;
	vertical-align: middle
}

.uc-dialog-txt {
	padding: 5px 20px;
	min-width: 200px;
	max-width: 400px
}

.uc-dialog-txt strong {
	font-size: 18px;
	line-height: 40px
}

.uc-dialog-verify .qq-protection-bubble {
	margin-left: 5px;
	vertical-align: 1px
}

.uc-dialog-verify .qq-protection-bubble .bubble-text {
	position: relative;
	font-size: 12px;
	color: #2277da;
	cursor: default
}

.uc-dialog-verify .qq-protection-bubble .bubble-text:before {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	width: 90%;
	border-bottom: 1px dashed #2277da
}

.uc-dialog-verify .qq-protection-bubble .tc-15-bubble {
	margin-left: -460px;
	width: 920px
}

.uc-dialog-verify .qq-protection-bubble .tc-15-bubble-inner {
	padding: 20px;
	line-height: 1.6
}

.uc-dialog-verify .qq-protection-bubble .img {
	margin-top: 10px;
	width: 100%
}

.uc-dialog-verify>.tc-15-tab {
	margin-top: -20px;
	margin-bottom: 0
}

.uc-dialog-verify .tab-panel {
	padding-top: 15px
}

.uc-dialog-verify .label-with-comfirm {
	position: relative
}

.uc-dialog-verify .label-with-comfirm .tc-15-confirm-popout {
	left: 0;
	top: 100%;
	margin: 10px 0 0 -23px;
	width: 320px;
	cursor: default
}

.uc-dialog-verify .label-with-comfirm .tc-15-msg {
	margin-bottom: 0;
	line-height: 1.5
}

.uc-dialog-verify .setting-tag {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	padding: 0 5px;
	height: 16px;
	line-height: 16px;
	background: #51AF31;
	text-align: center;
	font-size: 12px;
	color: #fff;
	font-style: normal;
	border-radius: 3px
}

.uc-dialog-verify .setting-tag.disabled {
	background: #A1A1A1
}

.uc-dialog-verify-tip {
	margin-top: 10px;
	font-size: 12px;
	text-align: center;
	line-height: 1.5
}

.uc-dialog-verify-tip.error {
	color: #E1504A
}

.uc-dialog-verify-tip a {
	margin-left: 5px
}

.uc-dialog-verify-tip .icon-refresh {
	display: inline-block;
	vertical-align: -3px;
	margin-right: 2px;
	width: 16px;
	height: 16px;
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -347px -284px
}

.tc-15-dropdown-menu {
	position: absolute;
	z-index: 300;
	margin-top: -1px;
	border: 1px solid #D1D2D3;
	background-color: #fff;
	width: 280px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.tc-15-dropdown-menu li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	height: 27px;
	font-size: 12px;
	line-height: 27px;
	color: #171d25;
	padding: 0 10px;
	text-align: left
}

.tc-15-dropdown-menu li a.hover, .tc-15-dropdown-menu li a:hover {
	background-color: #F2F2F2
}

.uc-dropdown-wrap {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.uc-dropdown-wrap .tc-15-dropdown-menu {
	left: 0;
	top: 100%;
	margin-top: 5px;
	width: 100%;
	max-height: 195px;
	overflow: auto
}

.uc-tag {
	display: inline-block;
	vertical-align: 1px;
	box-sizing: border-box;
	margin-right: 5px;
	margin-left: 5px;
	padding: 0 3px;
	height: 18px;
	border: 1px solid #ff7300;
	border-radius: 2px;
	color: #ff7300;
	font-size: 12px;
	line-height: 16px
}

.uc-tag:first-child {
	margin-left: 0
}

.uc-form-validate {
	margin-bottom: 10px;
	font-size: 12px;
	color: #666;
	line-height: 1.8
}

.uc-form-validate.is-error {
	color: #e1504a
}

.uc-text-orange {
	color: #ff824d
}

.uc-login-iframe iframe {
	border: none
}

.dialog_layer_v2 .dialog_layer_main {
	overflow: visible
}

.tc-15-table-box th .tc-15-dropdown, .tc-15-table-panel .tc-15-table-box td>div,
	.tc-15-table-panel .tc-15-table-box th>div {
	font-size: 12px
}

.recommend-icon {
	width: 17px;
	height: 18px;
	background-image: url(sprite/work-order-201712111650.png);
	display: inline-block;
	background-position: -414px -273px
}

.external-link-icon {
	margin-left: 5px
}

.new-approve-box {
	padding-left: 20px;
	padding-right: 20px
}

.new-approve-box form {
	padding-left: 30px;
	padding-right: 30px
}

.new-approve-box .table-dl dd .form-unit {
	font-size: inherit
}

.wechat-approve-box {
	background-color: #F4F8F9;
	border: 1px solid #eee;
	width: 517px
}

.wechat-approve-box .wechat-approve-left {
	display: inline-block;
	vertical-align: middle;
	height: 130px
}

.wechat-approve-box .icon-loading {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -16px 0 0 -16px;
	width: 32px;
	height: 32px;
	background: url(img/loading.gif) no-repeat
}

.wechat-approve-box .wechat-approve-left.loading {
	position: relative;
	cursor: pointer
}

.wechat-approve-box .wechat-approve-left.loading canvas,
	.wechat-approve-box .wechat-approve-left.loading img,
	.wechat-approve-box .wechat-approve-left.loading table {
	opacity: .1;
	filter: alpha(opacity = 10)
}

.wechat-approve-box .wechat-approve-left.loading .icon-loading {
	display: block
}

.wechat-approve-box .wechat-approve-right {
	display: inline-block;
	width: 320px;
	vertical-align: middle;
	line-height: 2;
	padding-left: 30px;
	padding-right: 30px;
	color: #454951
}

.wechat-approve-box .wechat-approve-right p {
	margin-bottom: 10px
}

.wechat-approve-box .wechat-approve-right .success-text {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px
}

.wechat-approve-box .wechat-approve-right .success-text h4 {
	font-size: 16px;
	font-weight: 400
}

.approve-status-box {
	text-align: center
}

.approve-status-box .identity-card {
	display: inline-block;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	padding: 15px 80px 15px 0
}

.approve-status-box .user-info {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	padding-left: 80px
}

.approve-status-box .user-info dd, .approve-status-box .user-info dt {
	padding-bottom: 0
}

.table-dl .identity {
	border: 1px solid #ccc;
	width: 160px;
	height: 120px;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	font-size: 0
}

.table-dl .identity img {
	vertical-align: middle;
	max-width: 160px;
	height: auto
}

.table-dl .identity:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 100%;
	vertical-align: middle;
	font-size: 0
}

.table-dl .identity-text {
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
	line-height: 1.5;
	padding-left: 20px;
	color: #333
}

.table-dl .uploadimg {
	margin-top: 5px
}

.new-approve-box .affirm-info-box {
	padding-left: 20px
}

.new-approve-box .affirm-info-box h3 {
	font-weight: 400;
	margin-bottom: 15px
}

.new-approve-box .affirm-info-box .info-box {
	background-color: #F5F7F9;
	border: 1px solid #ddd;
	padding-top: 15px;
	padding-left: 20px
}

.tc-15-rich-radio .tc-15-btn.recommend-btn {
	position: relative;
	padding-right: 24px
}

.new-approve-box .tc-15-rich-radio .recommend-icon {
	position: absolute;
	top: -1px;
	right: -1px
}

.bankcard-list {
	margin: 20px 10px 0;
	font-size: 0
}

.bankcard-list>li {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0 10px;
	margin-bottom: 20px
}

.bankcard-item {
	position: relative;
	box-sizing: border-box;
	width: 312px;
	height: 188px;
	box-shadow: -1px 0 2px rgba(205, 220, 231, .3)
}

.bankcard-item .bankcard {
	display: block;
	width: 100%;
	height: 100%
}

.bankcard-item .operations {
	position: absolute;
	left: 0;
	bottom: 20px;
	box-sizing: border-box;
	padding: 0 20px;
	width: 100%
}

.bankcard-item .operations a {
	color: #2277da;
	font-size: 12px
}

.bankcard-item .operations a:hover {
	text-decoration: underline
}

.bankcard-item.add {
	cursor: pointer;
	border-radius: 3px;
	border: 1px dashed #999;
	text-align: center;
	font-size: 14px;
	color: #999
}

.bankcard-item.add:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%
}

.bankcard-item.add .inner {
	display: inline-block;
	vertical-align: middle;
	max-width: 99%
}

.bankcard-item.add .icon {
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
	width: 34px;
	height: 34px
}

.bankcard-item.add .icon:after, .bankcard-item.add .icon:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	width: 100%;
	height: 2px;
	background: #999
}

.bankcard-item.add .icon:after {
	left: 50%;
	top: 0;
	margin-top: 0;
	margin-left: -1px;
	width: 2px;
	height: 100%
}

.bankcard-item.add:hover {
	border: 1px solid #2277da;
	box-shadow: -1px 0 2px rgba(205, 220, 231, .3);
	color: #2277da
}

.bankcard-item.add:hover .icon:after, .bankcard-item.add:hover .icon:before
	{
	background: #2277da
}

.header .topnav:after, .header .topnav:before {
	content: '';
	display: table;
	clear: both
}

.approve-result-box {
	position: relative;
	top: 30%
}

.approve-result-box .media.media-horiz-center {
	margin-top: 0
}

.new-approve-check p {
	padding-left: 21px
}

.new-approve-check a:hover {
	text-decoration: underline
}

.approve-international {
	padding-left: 20px;
	padding-right: 20px
}

.ai-tit {
	font-weight: 400;
	margin-top: 30px;
	font-size: 18px
}

.ai-select-wrap {
	margin-top: 25px
}

.ai-select-item {
	background-color: #f0f4f7;
	margin-top: 5px
}

.ai-select-tit {
	padding-left: 20px
}

.ai-select-tit .form-ctrl-label {
	display: block;
	line-height: 65px
}

.ai-select-con {
	padding-left: 20px
}

.upload-img:after {
	content: "";
	display: block;
	clear: both
}

.upload-img .img-area {
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border: 1px solid #ddd;
	margin-right: 10px;
	position: relative
}

.upload-img .img-area .inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100px;
	height: 100px
}

.upload-img .img-area .state-icon {
	position: absolute;
	bottom: 5px;
	right: 5px
}

.upload-img .img-area .n-loading-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px
}

.is-error .upload-img .img-area {
	border-color: #E1504A
}

.upload-img .img-area img {
	vertical-align: middle;
	width: 100%;
	height: 100%
}

.upload-img .txt-area {
	min-height: 102px;
	position: relative
}

.upload-img .txt-area .op-line {
	position: absolute;
	bottom: 0;
	left: 110px
}

.upload-img .txt-area .op-line button {
	margin-right: 10px;
	position: relative;
	overflow: hidden
}

.upload-img .txt-area .op-line a {
	font-size: 12px
}

.upload-img .explanation {
	margin-top: 5px
}

.upload-img .txt-area .op-line button input {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	top: 0;
	left: 0
}

.ai-select-con .pure-text-row .form-ctrl-label {
	width: 580px;
	display: inline-block;
	color: #666;
	line-height: 1.5
}

.ai-status-error, .ai-status-pendding, .ai-status-sucess {
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle
}

.ai-status-error {
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 1.39% 64.81%;
	background-size: 325% 268.75%;;
	background-repeat: no-repeat
}

.ai-status-sucess {
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 1.39% 1.8499999999999999%;
	background-size: 325% 268.75%;;
	background-repeat: no-repeat
}

.ai-status-pendding {
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 48.61% 1.8499999999999999%;
	background-size: 325% 268.75%;;
	background-repeat: no-repeat
}

.ai-txt-mod {
	margin-top: 30px
}

.ai-param-box .param-box {
	border: 0
}

.ai-param-box .param-box .param-bd {
	padding-left: 0
}

.ai-param-box .param-box .item-descr-txt img {
	border: 1px solid #f1f1f1;
	max-width: 210px
}

.contract-box {
	margin-top: 30px
}

.ontract-type-list {
	font-size: 0
}

.ontract-type-list li {
	text-align: center;
	border: 1px solid #ccc;
	display: inline-block;
	width: 240px;
	padding-top: 27px;
	padding-bottom: 15px;
	font-size: 14px;
	margin-right: 20px;
	border-radius: 3px;
	position: relative;
	cursor: pointer
}

.ontract-type-list li.cur {
	border-color: #0071CD
}

.ontract-type-list h3 {
	font-size: 20px;
	color: #171D25;
	font-weight: 400;
	margin-top: 15px;
	margin-bottom: 5px
}

.ontract-type-list p {
	color: #73777B
}

.contract-ip-icon, .contract-order-icon, .pitch-up-icon {
	width: 54px;
	height: 68px;
	background-image: url(sprite/work-order-201712111650.png);
	display: inline-block;
	background-position: 0px -284px
}

.contract-order-icon {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -56px -284px
}

.pitch-up-icon {
	width: 36px;
	height: 36px;
	background-image: url(sprite/work-order-201712111650.png);
	background-position: 0px -390px
}

.ontract-type-list li .pitch-up-icon {
	position: absolute;
	bottom: 0;
	right: 0;
	display: none
}

.ontract-type-list li.cur .pitch-up-icon {
	display: block
}

.contract-box .media-horiz-center {
	margin-top: 100px
}

.contract-box-ft {
	border-top: 1px solid #ccc;
	margin-top: 30px;
	padding-top: 20px
}

.tc-15-action-panel .contract-text {
	float: left;
	line-height: 30px;
	margin-right: 10px
}

.tc-15-action-panel .ml20 {
	margin-left: 20px
}

.contract-box.no-margin {
	margin-top: 0
}

.contract-box .off-online-text {
	font-size: 14px;
	color: #454951
}

.contract-box .off-online-list {
	margin-top: 20px;
	line-height: 26px;
	padding-left: 13px;
	width: 750px;
	color: #454951
}

.contract-box .off-online-list>li {
	padding-left: 34px;
	border-left: 1px dashed #ccc;
	padding-bottom: 40px;
	position: relative
}

.contract-box .off-online-list>li.last {
	border-left: none
}

.contract-box .off-online-list>li .tc-15-btn {
	margin-top: 15px
}

.contract-box .off-online-list>li .tc-15-btn+.tc-15-btn {
	margin-left: 10px
}

.off-online-list h3 .link-edit {
	font-size: 16px;
	font-weight: 400;
	margin-left: 8px
}

.off-online-list h3 .link-edit .pencil-icon {
	margin: 0 5px 0 0;
	vertical-align: -2px
}

.off-online-toolbar {
	padding-left: 47px
}

.off-online-toolbar .tc-15-btn+.tc-15-btn {
	margin-left: 10px
}

.contract-box .off-online-list dl {
	margin-bottom: 0
}

.contract-box .off-online-list .number-icon-box {
	height: 22px;
	line-height: 22px;
	width: 22px;
	border: 1px solid #ccc;
	position: absolute;
	border-radius: 23px;
	background-color: #fff;
	text-align: center;
	color: #73777B;
	left: -13px
}

.contact-box {
	width: 390px;
	background-color: #F5F5F5;
	padding: 10px 20px;
	margin-top: 10px
}

.contact-box dd, .contact-box dt {
	padding-bottom: 0;
	line-height: 25px
}

.contract-box .param-box:first-child {
	border-top: none
}

.contract-box .links-icon-text {
	vertical-align: middle;
	margin-right: 10px
}

.off-online-list .form-list {
	margin-top: 20px;
	margin-bottom: -20px
}

.tc-15-status-bd {
	text-align: center
}

.tc-15-status-bd .status-info-text {
	margin-top: 20px
}

.margin-tab {
	margin: 0 20px 20px
}

.consumer-reports-box {
	padding: 30px;
	border: 1px solid #ddd;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px
}

.consumer-reports-box .til {
	font-size: 18px;
	color: #171D25;
	margin-bottom: 18px
}

.consumer-reports-box .text-info {
	color: #73777B;
	margin-right: 50px
}

.consumer-reports-box .text-info .tc-15-select {
	margin-left: 20px
}

.consumer-reports-box .fillter-box {
	margin-bottom: 25px
}

.consumer-reports-box .fillter-box .download {
	float: right
}

.consumer-reports-box .price-text {
	margin-left: 50px;
	font-weight: 700
}

.consumer-reports-box .price-text span {
	color: #73777B;
	font-weight: 400
}

.consumer-reports-box .tc-15-table-panel {
	margin-left: 0;
	margin-right: 0
}

.consumer-reports-box .table-box dd, .consumer-reports-box .table-box dt
	{
	display: inline-block
}

.consumer-reports-box .table-box dt.first {
	text-align: right;
	width: 70px
}

.consumer-reports-box .table-box dd.midle {
	width: 100px;
	padding-right: 15px;
	text-align: right
}

.consumer-reports-box .table-box dd.last {
	width: 70%
}

.consumer-reports-box .table-box dt strong {
	margin-right: 20px;
	color: #454951
}

.consumer-reports-box .tc-15-loading {
	background-color: #006FCB
}

.consumer-reports-box .text-weak {
	font-size: 14px
}

.consumer-reports-box .underline-btn {
	border-bottom: 1px dashed;
	color: #333;
	font-size: 14px
}

.consumer-reports-box .underline-btn:hover {
	text-decoration: none
}

.consumer-box .text {
	margin-right: 20px
}

.consumer-box .text-hide {
	height: 153px;
	overflow: hidden
}

.consumer-box .more-btn {
	font-size: 14px;
	margin-left: 10px
}

.work-order-msg {
	font-size: 12px;
	line-height: 35px;
	margin: 0 20px 10px;
	padding: 5px 10px;
	vertical-align: middle;
	color: #333;
	border-radius: 2px;
	background: #f0f6f6
}

.work-order-msg a {
	margin: 0 10px
}

.work-order-box {
	font-size: 0;
	overflow-y: auto;
	position: absolute;
	top: 54px;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 30px 20px
}

.work-order-box .work-order-inner-item {
	margin-top: 13px
}

.work-order-box .select-checkbox-list {
	width: 670px;
	font-size: 0;
	padding-top: 5px
}

.work-order-box .select-checkbox-list li {
	display: inline-block;
	width: 50%;
	padding-right: 50px;
	box-sizing: border-box
}

.work-order-box .select-checkbox-list .max-width {
	max-width: 252px
}

.work-order-box .tc-15-input-textarea {
	width: 590px;
	font-size: 12px
}

.work-order-box .form-list .form-input .tc-15-dropdown {
	margin-right: 10px
}

.work-order-box .form-input {
	word-break: break-all
}

.work-order-box .submit-work-order-cont {
	border-top: 1px solid #edeef2;
	padding-top: 20px;
	padding-bottom: 20px
}

.work-order-box .submit-work-order-cont:first-child {
	border-top: none
}

.work-order-box .submit-work-order-cont .submit-item-title {
	color: #171d25;
	font-weight: 700;
	font-size: 16px
}

.work-order-box .submit-work-order-cont .submit-cont-inner {
	margin-top: 20px;
	font-size: 0;
	margin-left: -.6%
}

.work-order-box .submit-work-order-cont .issue-list li {
	display: inline-block
}

.work-order-box .submit-work-order-cont .issue-list h3 {
	font-weight: 400;
	margin-bottom: 20px;
	margin-top: 30px
}

.work-order-box .submit-work-order-cont .issue-list .issue-box {
	border: 1px solid #ddd;
	padding: 15px;
	box-sizing: border-box;
	margin-bottom: 10px;
	font-size: 12px
}

.icon-arrow-up {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 42.05% 98.57000000000001%;
	background-size: 650% 537.5%;;
	background-repeat: no-repeat
}

.icon-arrow-down {
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 62.5% 98.57000000000001%;
	background-size: 650% 537.5%;;
	background-repeat: no-repeat
}

.work-order-box .submit-work-order-cont .issue-list .icon {
	vertical-align: middle;
	width: 16px;
	height: 16px
}

.work-order-box .submit-work-order-cont .issue-list .text {
	vertical-align: middle
}

.issue-classify-box {
	border: 1px solid #ddd
}

.issue-classify-box .dropdown-btn {
	background-color: #f2f2f2;
	display: block;
	padding: 5px 10px;
	font-size: 14px;
	color: #333;
	font-weight: 700;
	position: relative
}

.issue-classify-box .dropdown-btn .icon-arrow-down {
	position: absolute;
	right: 10px;
	top: 6px
}

.issue-classify-box .dropdown-btn.cur .icon-arrow-down {
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 42.05% 98.57000000000001%;
	background-size: 650% 537.5%;;
	background-repeat: no-repeat
}

.issue-classify-con {
	padding-top: 30px
}

.issue-classify-con .issue-classify-list li {
	font-size: 14px;
	padding: 0 10px;
	margin-bottom: 30px
}

.issue-classify-con .issue-classify-list li .text-weak {
	padding-left: 10px;
	margin-bottom: 10px
}

.issue-classify-con .issue-classify-list li a {
	color: #333;
	display: block;
	padding: 0 10px;
	line-height: 30px;
	font-size: 12px
}

.work-order-box .submit-cont-item {
	display: inline-block;
	margin-left: .6%;
	margin-right: .6%;
	margin-bottom: 20px;
	border: 1px solid #e5e6e8;
	border-radius: 3px;
	width: 32%;
	height: 132px;
	box-sizing: border-box
}

.work-order-box .submit-cont-item a {
	display: block;
	padding: 15px 20px
}

.work-order-box .submit-cont-item:hover {
	border-color: #0070cc
}

.work-order-box .submit-cont-item .submit-cont-item-title {
	margin-bottom: 5px;
	font-size: 16px;
	color: #171d25;
	vertical-align: middle
}

.work-order-box .submit-cont-item .submit-cont-item-title>img {
	margin-right: 5px;
	vertical-align: middle
}

.work-order-box .submit-cont-item .submit-cont-item-title>span {
	vertical-align: middle
}

.work-order-box .submit-cont-item-text {
	height: 50px;
	color: #74777c;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden
}

.work-order-box .submit-link {
	color: #0070cc;
	font-size: 14px
}

.work-order-box .work-order-datail-left {
	display: inline-block;
	padding-right: 20px;
	width: 66%;
	max-width: 780px;
	font-size: 14px;
	vertical-align: top;
	box-sizing: border-box
}

.work-order-box .detail-module {
	border: 1px solid #dedfe0;
	border-radius: 2px
}

.work-order-box .detail-module-title {
	padding-left: 20px;
	color: #454a51;
	line-height: 44px;
	font-size: 16px;
	background-color: #f0f4f7;
	border-bottom: 1px solid #dedfe0
}

.work-order-box .detail-module-cont {
	padding: 20px
}

.work-order-box .detail-recode-item {
	display: table;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 25px;
	border-top: 1px dashed #d3d3d3;
	color: #a2a2a2;
	font-size: 14px;
	table-layout: fixed
}

.work-order-box .detail-recode-item:first-child {
	border-top: none;
	padding-top: 0
}

.work-order-box .detail-head-icon {
	display: table-cell;
	width: 55px;
	vertical-align: top
}

.work-order-box .detail-recode {
	display: table-cell;
	padding-top: 5px;
	vertical-align: top
}

.work-order-box .detail-recode-identity {
	font-weight: 700;
	color: #a2a2a2;
	font-size: 14px
}

.work-order-box .detail-recode-time {
	color: #a2a2a2
}

.work-order-box .recode-item-system .detail-recode-cont, .work-order-box .recode-item-system .detail-recode-identity,
	.work-order-box .recode-item-system .detail-recode-title {
	color: #171d25
}

.work-order-box .detail-recode-cont {
	line-height: 24px;
	word-wrap: break-word
}

.work-order-box .detail-recode-cont img {
	max-width: 200px;
	max-height: 200px
}

.work-order-box .detail-recode-cont img.bigcursor {
	cursor: url(img/big.cur.png), auto
}

.work-order-box .detail-recode-cont img.smallcursor {
	cursor: url(img/small.cur.png), auto
}

.work-order-box .detail-recode-cont a:hover {
	text-decoration: underline
}

.work-order-box .submit-textarea-qa {
	margin-top: 10px;
	margin-bottom: 5px
}

.work-order-box .submit-textarea-qa textarea {
	width: 100%;
	box-sizing: border-box
}

.work-order-box .upload-module {
	margin-bottom: 20px;
	color: #a2a2a2
}

.work-order-box .work-order-datail-right .text-truncate {
	max-width: 185px
}

.work-order-box .upload-module .upload-module-link {
	margin-right: 5px
}

.work-order-box .upload-module .upload-module-link label {
	cursor: pointer
}

.work-order-box .upload-module .upload-module-link .file-module {
	border: none;
	outline: 0;
	background-color: transparent
}

.work-order-box .upload-module-del {
	color: #0070ce;
	outline: 0;
	background-color: transparent;
	vertical-align: middle;
	margin-right: 10px
}

.work-order-box .upload-module-label2 span {
	cursor: default;
	color: #000;
	margin-right: 5px
}

.work-order-box .upload-module span {
	vertical-align: middle
}

.work-order-box .upload-module-hadselect .upload-module-label1 {
	display: none
}

.work-order-box .upload-module-hadselect .upload-module-label2 {
	display: inline-block
}

.work-order-box .work-order-datail-right {
	display: inline-block;
	width: 33.33%;
	max-width: 400px;
	font-size: 14px;
	vertical-align: top
}

.work-order-datail-right .detail-module {
	margin-bottom: 20px
}

.work-order-box .detail-btn-group {
	margin-top: 15px
}

.work-order-box .detail-btn-group button {
	margin-right: 5px
}

.work-order-progress {
	padding: 20px 0 5px 30px
}

.work-order-progress li {
	position: relative;
	border-left: #e5e8ee 1px solid;
	padding-left: 12px;
	padding-bottom: 15px
}

.work-order-progress-icon {
	position: absolute;
	background-color: #fff;
	padding: 3px;
	top: 2px;
	left: -7px
}

.work-order-progress-icon:after {
	content: '';
	display: block;
	border: 2px solid #2e7edc;
	border-radius: 50%;
	width: 4px;
	height: 4px
}

.work-order-progress-con {
	color: #333;
	font-size: 12px
}

.work-order-progress-title {
	font-size: 14px
}

.work-order-progress-con p {
	line-height: 20px
}

.work-order-progress-con p label {
	display: inline-block;
	min-width: 80px
}

.work-order-progress li.disable .work-order-progress-con {
	color: #999
}

.work-order-progress li.disable .work-order-progress-icon:after {
	border: 2px solid #9f9f9f
}

.work-order-progress li.curr .work-order-progress-icon {
	left: -9px
}

.work-order-progress li.curr .work-order-progress-icon:after {
	width: 8px;
	height: 8px
}

.work-order-progress li.first .work-order-progress-icon {
	padding-top: 5px;
	top: 0
}

.work-order-progress li.last {
	border: 0
}

.work-order-topbar {
	max-width: 1180px;
	overflow: hidden;
	font-size: 14px;
	background-color: #fff;
	padding: 0;
	z-index: 10
}

.work-order-topbar-left .topbar-left-control {
	margin-right: 20px;
	display: inline-block
}

.work-order-topbar-left {
	float: left
}

.work-order-topbar-left label {
	color: #666;
	margin-right: 5px
}

.work-order-topbar-left em {
	color: #333
}

.work-order-topbar-left span {
	color: #999
}

.work-order-topbar-right {
	float: right;
	padding-right: 0
}

.work-order-topbar-right .tc-15-btn {
	margin-left: 10px
}

.work-order-topbar-right .txt {
	color: #666;
	padding-left: 10px
}

.work-order-files .txt-file {
	padding: 10px 0
}

.work-order-files .txt-file a {
	display: inline-block;
	margin-right: 20px
}

.work-order-files .img-file {
	padding: 10px 0
}

.work-order-files .img-file ul {
	font-size: 0
}

.work-order-files .img-file li {
	width: 45px;
	height: 45px;
	display: inline-block;
	margin-right: 10px;
	border: 2px solid #e5ebeb;
	position: relative;
	cursor: pointer
}

.work-order-files .img-file li img {
	display: block;
	width: 100%;
	height: 100%
}

.work-order-files .img-file li.curr {
	border: 2px solid #2277da
}

.work-order-files .img-file li.curr:after {
	display: block;
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	border-left: transparent 10px solid;
	border-right: transparent 10px solid;
	border-bottom: transparent 10px solid;
	border-top: #2277da 7px solid;
	bottom: -17px;
	left: 50%;
	margin-left: -10px
}

.work-order-files .img-wrap {
	border: 1px solid #cedfea;
	margin-top: 15px;
	padding: 0 10px 10px
}

.work-order-files .img-wrap .img {
	text-align: center
}

.work-order-files .img-wrap img {
	max-width: 100%;
	vertical-align: middle
}

.work-order-files .img-toolbar {
	text-align: right;
	color: #cedfea;
	line-height: 30px
}

.work-order-files .img-toolbar a {
	margin: 0 5px
}

.work-order-dialog-title {
	padding-bottom: 5px
}

.work-order-dialog-txt {
	padding-bottom: 15px;
	color: #666
}

.work-order-dialog-sub {
	padding: 10px 0 10px 20px
}

.work-order-upload-progress {
	text-align: center;
	line-height: 100px;
	font-size: 16px
}

.work-order-upload-progress span {
	display: inline-block;
	vertical-align: middle
}

.richtext-box .tc-15-input-textarea {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 100px
}

.richtext-bar {
	font-size: 0;
	border: 1px solid #d1d2d3;
	border-radius: 2px 2px 0 0
}

.richtext-bar li {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	position: relative
}

.richtext-bar li:after {
	content: '';
	display: block;
	width: 1px;
	height: 16px;
	border-left: 1px solid #d1d2d3;
	position: absolute;
	left: 0;
	top: 12px
}

.richtext-bar li:first-child:after {
	display: none
}

.richtext-bar li label {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer
}

.richtext-bar li:hover {
	background-color: #f0f4f7
}

.richtext-bar li i {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	cursor: pointer
}

.richtext-bar li .files {
	background-image: url(../images/workorder/file.png);
	background-position: -345px -260px
}

.richtext-bar li .imgs {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -339px -314px
}

.form-unit .tc-15-input-textarea {
	margin-top: -1px
}

.form-unit .tc-15-input-textarea img {
	max-width: 100%
}

.rachtext-filelist ul {
	padding: 10px 0
}

.rachtext-filelist li {
	background: #f0f4f7;
	padding: 5px 20px;
	margin-top: 1px
}

.rachtext-filelist a, .rachtext-filelist span {
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle
}

.rachtext-filelist .file-type {
	margin-right: 5px
}

.rachtext-filelist .file-txt {
	color: #666;
	max-width: 50%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.rachtext-filelist .file-status {
	color: #999
}

.work-order-main {
	overflow: hidden
}

.work-order-tagsinput .tc-tag-cont {
	z-index: auto;
	font-size: 0;
	padding: 2px;
	min-height: 31px;
	max-height: 84px;
	border: 1px solid #bbb;
	border-radius: 3px;
	overflow: auto;
	box-sizing: border-box
}

.work-order-tagsinput .tc-tag-cont:hover {
	border-color: #2277da
}

.work-order-tagsinput .tc-text {
	display: none
}

.work-order-tagsinput .tc-tag-input {
	position: relative;
	vertical-align: top;
	z-index: 2;
	resize: none;
	font-size: 12px;
	margin: 2px 0;
	padding: 0 2px;
	box-sizing: border-box;
	overflow: auto
}

.work-order-tagsinput .tc-tag-txt {
	position: relative;
	z-index: 2;
	margin: 2px;
	height: 22px
}

.work-order-tagsinput .tc-tag-txt.error {
	background: #F9DCDB;
	color: #E04F49
}

.work-order-tagsinput .tc-tag-txt.error .tc-btn-close {
	background-position: -419px -325px;
	background-image: url(sprite/work-order-201712111650.png)
}

.work-order-tagsinput.focus .tc-tag-cont {
	overflow: visible;
	border-width: 0;
	padding: 3px
}

.work-order-tagsinput.focus .tc-tag-txt {
	visibility: hidden
}

.work-order-tagsinput.focus .tc-tag-input {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	box-sizing: border-box;
	border: 1px solid #2277da;
	background: #fff;
	margin: 0;
	padding: 4px;
	max-width: inherit;
	width: 100%;
	height: 200px;
	border-radius: 3px
}

.work-order-tagsinput.loading .tc-tag-cont {
	position: relative;
	padding-right: 20px
}

.work-order-tagsinput.loading .tc-tag-cont:after {
	content: '';
	position: absolute;
	right: 4px;
	top: 6px;
	width: 14px;
	height: 14px;
	background: url(img/input-loading.gif) no-repeat
}

.work-order-help {
	margin-top: 5px;
	font-size: 12px;
	color: #ababab
}

.form-input .work-order-feedback-star-wrap {
	padding-top: 1px
}

.work-order-feedback-star-wrap:after, .work-order-feedback-star-wrap:before
	{
	content: '';
	display: table;
	clear: both
}

.work-order-feedback-star {
	display: inline-block;
	vertical-align: middle;
	float: left;
	margin-right: 10px
}

.work-order-feedback-star li {
	position: relative;
	float: left;
	margin-right: 10px
}

.work-order-feedback-star .star-icon {
	display: block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url(sprite/work-order-201712111650.png);
	cursor: pointer;
	background-position: -311px -284px
}

.work-order-feedback-star .tc-15-bubble {
	display: none;
	left: 0;
	top: 100%;
	padding-top: 5px;
	min-width: 110px;
	white-space: nowrap
}

.work-order-feedback-star .active .star-icon, .work-order-feedback-star .hover .star-icon,
	.work-order-feedback-star li:hover .star-icon {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -329px -284px
}

.work-order-feedback-star li:hover .tc-15-bubble {
	display: block
}

.work-order-feedback-star-wrap .result {
	overflow: hidden;
	color: #999;
	font-size: 12px;
	line-height: 18px
}

.work-order-form-list {
	margin-top: 20px;
	width: 100%
}

.work-order-form-list .form-label {
	width: 1px;
	white-space: nowrap
}

.work-order-form-list .tc-15-input-textarea {
	width: 100%;
	box-sizing: border-box
}

.work-order-box .form-module {
	margin: 20px 0
}

.work-order-box .form-module-label {
	margin-bottom: 5px
}

.work-order-box .form-module-unit textarea {
	width: 100%;
	box-sizing: border-box
}

.work-order-recommends-dropdown {
	position: absolute;
	z-index: 900;
	box-sizing: border-box;
	padding: 0 10px;
	width: 610px;
	border: 1px solid #ddd;
	background-color: #fff;
	max-height: 600px;
	overflow: auto
}

.work-order-recommend {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	line-height: 1.5
}

.work-order-recommends li {
	display: block
}

.work-order-recommend .title {
	font-size: 14px;
	font-weight: 400
}

.work-order-recommend .desc {
	color: #888;
	line-height: 22px;
	max-height: 66px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.wo-link+.wo-link, .wo-link+.work-order-qr-btn, .work-order-qr-btn+.wo-link
	{
	margin-left: 20px
}

.work-order-qr-btn a {
	font-size: 12px;
	color: #333
}

.work-order-icon-m-qr {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(sprite/work-order-201712111650.svg);;
	vertical-align: middle;
	margin-right: 3px;
	background-position: 94.57% 93.24%;
	background-size: 866.6666666666666% 716.6666666666667%;;
	background-repeat: no-repeat
}

.work-order-qr-img {
	margin: 0 auto;
	max-width: 160px
}

.work-order-qr-img img {
	max-width: 100%
}

.work-order-qr-txt {
	padding: 5px 10px;
	line-height: 1.5;
	box-sizing: border-box;
	text-align: center;
	max-width: 100%
}

.manage-area-title-right .wo-link, .wo-link {
	font-size: 12px;
	color: #333
}

.wo-link:hover {
	color: #2277da
}

.wo-link .wo-link-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px
}

.wo-link-icon.ask {
	width: 14px;
	height: 14px;
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 96.67% 73.61%;
	background-size: 742.8571428571429% 614.2857142857143%;;
	background-repeat: no-repeat
}

.wo-link:hover .wo-link-icon.ask {
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 96.67% 51.39%;
	background-size: 742.8571428571429% 614.2857142857143%;;
	background-repeat: no-repeat
}

.bill-box .tc-15-msg {
	margin-left: 20px;
	margin-right: 20px
}

.bill-sider-panel-box {
	margin-top: 15px
}

.bill-sider-panel-box .title {
	font-size: 16px
}

.bill-sider-panel-box .chart-box {
	padding-top: 15px
}

.bill-box .more-btn {
	font-size: 14px;
	margin-left: 10px
}

.bill-box .more-btn:hover {
	text-decoration: none
}

.bill-box .text-hide {
	max-height: 153px;
	overflow: hidden
}

.bill-box .tc-15-action-panel {
	font-size: 0
}

.bill-box .tc-15-action-panel select {
	margin-right: 10px;
	margin-left: 0
}

.bill-box .tc-15-action-panel .text {
	font-size: 14px;
	vertical-align: middle
}

.new-recharge-box {
	padding-top: 0
}

.caifutong-icon, .jcb-icon, .master-icon, .paying-icon, .qq-pay-icon,
	.visa-icon, .wechat-pay-icon {
	display: inline-block;
	width: 90px;
	height: 28px;
	background-image: url(sprite/work-order-201712111650.png);
	margin-top: 9px;
	background-position: -112px -284px
}

.qq-pay-icon {
	width: 87px;
	height: 24px;
	background-image: url(sprite/work-order-201712111650.png);
	margin-top: 11px;
	background-position: -204px -284px
}

.caifutong-icon {
	width: 80px;
	height: 26px;
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -181px -314px
}

.visa-icon {
	width: 67px;
	height: 34px;
	background-image: url(sprite/work-order-201712111650.png);
	margin-top: 5px;
	background-position: -112px -314px
}

.master-icon {
	width: 56px;
	height: 34px;
	background-image: url(sprite/work-order-201712111650.png);
	margin-top: 5px;
	background-position: 0px -354px
}

.jcb-icon {
	width: 44px;
	height: 34px;
	background-image: url(sprite/work-order-201712111650.png);
	margin-top: 6px;
	background-position: -58px -354px
}

.paying-icon {
	width: 73px;
	height: 56px;
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -261px -202px
}

.recharge-cash .recharge-cash-show, .recharge-cash-icons {
	font-size: 0
}

.recharge-cash .recharge-cash-show i, .recharge-cash-icons i {
	margin-top: 0;
	vertical-align: middle
}

.recharge-cash .recharge-cash-show .icon-line, .recharge-cash-icons .icon-line
	{
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	border-right: 1px solid #D1D1D3;
	margin: 0 20px
}

.outside-pay-dialog .agreement-text {
	height: 373px;
	overflow-y: auto;
	color: #454951;
	font-size: 14px;
	line-height: 25px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	padding: 15px
}

.outside-pay-dialog .agreement-text h3 {
	font-size: 18px;
	text-align: center;
	margin-bottom: 15px
}

.outside-pay-dialog .tc-15-msg {
	margin-top: 15px
}

.outside-pay-dialog .param-box {
	border-top: none
}

.outside-pay-dialog .item-descr-list .item-descr-tit {
	vertical-align: middle
}

.recharge-cash .outside-pay-list {
	width: 640px;
	border-top: 1px solid #ddd;
	display: table
}

.recharge-cash .outside-pay-list li {
	display: table-row;
	color: #454951;
	font-size: 14px
}

.recharge-cash .outside-pay-list li:hover {
	background-color: #E9F3FD
}

.recharge-cash .outside-pay-list .tb-cell {
	display: table-cell;
	vertical-align: middle;
	height: 55px;
	text-align: left;
	padding: 0;
	border-bottom: 1px solid #ddd
}

.recharge-cash .outside-pay-list a {
	display: block;
	width: 11px
}

.recharge-cash .outside-pay-list .close-icon {
	width: 11px;
	height: 12px;
	background-image: url(sprite/work-order-201712111650.png);
	display: none;
	background-position: -419px -303px
}

.recharge-cash .outside-pay-list li:hover .close-icon {
	display: inline-block
}

.add-btn-box {
	border-bottom: 1px solid #b0adad;
	font-size: 14px;
	line-height: 55px
}

.add-btn-box .text {
	display: inline-block;
	vertical-align: middle;
	color: #0071CD !important;
	margin-left: 5px
}

.payment-icon-list-tips {
	color: #999;
	margin-top: 20px;
	border-top: 1px solid #dadde0;
	padding-top: 15px
}

.renewals-block {
	margin: 0 20px 25px;
	padding: 20px 15px 10px;
	background: #f5f7fa;
	border: 1px solid #cbcfd9
}

.renewals-param-list li {
	position: relative
}

.renewals-param-list li.slice {
	height: 0;
	border-bottom: #ddd 1px solid;
	margin-bottom: 10px
}

.renewals-param-list .item-descr-tit {
	position: absolute;
	color: #73777b;
	width: 90px;
	top: 3px;
	left: 0
}

.renewals-param-list .item-descr-con {
	margin-left: 90px;
	display: inline-block
}

.renewals-param-list .tc-15-calendar-select-wrap span[role=tab] {
	color: #333;
	margin-bottom: 10px
}

.renewals-param-list .tc-15-calendar-select-wrap span[role=tab] em {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 0 0 3px;
	padding: 0 5px;
	height: 15px;
	border-radius: 2px;
	background: #ed711f;
	color: #fff;
	font-size: 12px;
	line-height: 15px
}

.renewals-param-list .tc-15-calendar-select-wrap {
	height: auto
}

.renewals-param-list .tc-15-calendar-select-wrap span.current em {
	background: #fff;
	color: #2277da
}

.renewals-num-em {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 0 0 3px;
	padding: 0 5px;
	height: 15px;
	border-radius: 2px;
	background: #ed711f;
	color: #fff;
	font-size: 12px;
	line-height: 15px
}

.renewals-search-type {
	margin-bottom: 25px;
	margin-left: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 80px;
	margin-right: 20px;
	border: 1px solid #E5E5E5;
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(180, 180, 180, .1);
	position: relative
}

.renewals-search-type-switch {
	position: absolute;
	right: 10px;
	top: 20px;
	padding-right: 28px;
	padding-left: 10px;
	color: #444;
	line-height: 22px;
	display: inline-block;
	border: 1px solid #fff;
	background-color: #fff;
	outline: 0
}

.renewals-search-type-switch:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -2.5px;
	right: 10px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 5px;
	border-color: transparent transparent #444
}

.renewals-search-type-item {
	font-size: 0;
	display: table
}

.renewals-search-type .renewals-search-list, .renewals-search-type label
	{
	display: table-cell;
	vertical-align: top;
	padding-bottom: 10px;
	font-size: 12px
}

.renewals-search-type label {
	width: 120px
}

.renewals-search-type .renewals-search-list {
	margin-left: 10px
}

.renewals-search-type label span {
	width: 4em;
	display: inline-block;
	color: #888
}

.renewals-search-type label a {
	margin-left: 20px;
	padding: 0 10px;
	color: #000;
	line-height: 22px;
	display: inline-block;
	border: 1px solid #fff
}

.renewals-search-type label a:hover {
	text-decoration: none
}

.renewals-search-list a:hover, .renewals-search-type label a:hover {
	text-decoration: none;
	background-color: #f2f2f2;
	border: 1px solid #f2f2f2
}

.renewals-search-list a.renewals-search-select, .renewals-search-type label a.renewals-search-select
	{
	display: inline-block;
	line-height: 20px;
	border: 1px solid #006eff;
	padding: 0 10px;
	color: #006eff
}

.renewals-search-list a.renewals-search-select:hover,
	.renewals-search-type label a.renewals-search-select:hover {
	background-color: #fff
}

.renewals-search-list a {
	display: inline-block;
	padding: 0 10px;
	line-height: 22px;
	color: #000;
	margin-bottom: 10px;
	border: 1px solid transparent
}

.renewals-search-type-slideUp .renewals-search-type-item {
	display: none
}

.renewals-search-type-slideUp .renewals-search-type-item:first-child {
	display: table
}

.renewals-search-type-slideUp .renewals-search-type-switch:after {
	border-width: 5px 4px 0;
	border-color: #444 transparent transparent
}

.renewals-tablist-extra {
	position: absolute;
	top: 5px;
	right: 0
}

.renewals-tablist-extra .tc-btn {
	position: static
}

.confirm-popout-icon {
	position: relative;
	top: -2px;
	display: inline-block;
	vertical-align: middle;
	font-size: 0
}

.confirm-popout-icon .tc-15-confirm-popout {
	visibility: hidden;
	width: 340px;
	opacity: .2;
	transform: translate(0, -20px);
	transition: all .3s linear
}

.confirm-popout-icon .tc-15-confirm-popout-top {
	left: -22px;
	top: 100%;
	margin-top: 10px
}

.confirm-popout-icon.hover .tc-15-confirm-popout, .confirm-popout-icon:hover .tc-15-confirm-popout
	{
	visibility: visible;
	opacity: 1;
	transform: translate(0, 0)
}

.account-box .info-text-group {
	line-height: inherit;
	margin-bottom: 8px;
	font-size: 0
}

.account-box .info-text-group span {
	display: inline-block;
	font-size: 14px
}

.account-box .info-text-group .line {
	margin: 0 10px;
	width: 1px;
	height: 14px;
	background: #d1d2d3;
	vertical-align: -2px
}

.account-form-label-list .form-ctrl-label-stacked {
	position: relative;
	line-height: 27px
}

.account-form-label-list .form-ctrl-label-stacked:last-child {
	margin-bottom: 0
}

.account-form-label-list .form-ctrl-label-stacked .uc-form-validate {
	margin-left: 20px
}

.form-list .form-label .tc-15-bubble-icon {
	white-space: normal
}

.account-form-label-list .form-ctrl-label-stacked .tc-15-bubble {
	top: 100%;
	margin-top: 8px;
	visibility: hidden;
	width: 250px;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.account-form-label-list .form-ctrl-label-stacked.hover .tc-15-bubble,
	.account-form-label-list .form-ctrl-label-stacked:hover .tc-15-bubble {
	z-index: 9999;
	visibility: visible;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	opacity: 1
}

.account-form-label-list .form-ctrl-label-stacked .tc-15-bubble.tc-15-bubble-top
	{
	text-align: left;
	margin-left: -24px
}

.account-form-label-list .form-ctrl-label-stacked .tc-15-bubble-top .tc-15-bubble-inner
	{
	left: 32px
}

.uc-change-psw {
	padding: 10px 0 0
}

.sidebar-panel-container .sidebar-panel-bd {
	overflow-x: hidden;
	overflow-y: scroll
}

.sidebar-panel-container ::-webkit-scrollbar {
	width: 7px;
	height: 7px
}

.sidebar-panel-container ::-webkit-scrollbar-thumb {
	background: #d3d6dc;
	border-radius: 3px
}

.rebate-rule {
	margin-top: 80px
}

.rebate-rule .rule-title {
	color: #454a51;
	text-align: center;
	margin-bottom: 20px
}

.rebate-rule .rule-process {
	width: 1000px;
	margin-left: auto;
	margin-right: auto
}

.rebate-rule .rule-process .item-list {
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 40px;
	border-spacing: 20px 0
}

.rebate-rule .rule-process .item-box {
	width: 25%;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
	padding: 20px 20px 25px;
	border: 1px solid #dcebf5;
	background-color: #F5F9FA;
	position: relative
}

.rebate-rule .rule-process .item-box:after, .rebate-rule .rule-process .item-box:before
	{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -22px;
	top: 50%;
	margin-top: -14px;
	border-width: 14px 11px;
	border-style: dashed;
	border-color: transparent
}

.rebate-rule .rule-process .item-box:before {
	border-left-color: #DCEBF5;
	border-left-style: solid
}

.rebate-rule .rule-process .item-box:after {
	border-left-color: #F5F9FA;
	border-left-style: solid;
	margin-left: -1px
}

.rebate-rule .rule-process .item-box:first-child:after, .rebate-rule .rule-process .item-box:first-child:before
	{
	display: none
}

.rebate-rule .rule-process .item-title {
	font-size: 16px;
	color: #2277da;
	line-height: 24px;
	margin-bottom: 15px
}

.rebate-rule .rule-process .item-num {
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 24px;
	background-color: #2277da;
	margin-right: 10px
}

.rebate-rule .rule-process p {
	line-height: 1.5714285;
	color: #454a51
}

.rebate-rule .rule-process p+p {
	margin-top: 8px
}

.rebate-rule .toolbar {
	text-align: center
}

.rebate-tab-toolbar {
	margin-bottom: 20px
}

.rebate-protocol-dialog-box {
	border: 1px solid #DADDE0;
	padding: 20px;
	max-height: 440px;
	overflow-y: auto;
	margin-bottom: 13px
}

.rebate-protocol-dialog-box h3 {
	font-size: 18px;
	color: #171d25;
	text-align: center;
	margin-bottom: 24px
}

.rebate-protocol-dialog-box dl, .rebate-protocol-dialog-box h4,
	.rebate-protocol-dialog-box p, .rebate-protocol-dialog-box ul {
	font-size: 14px;
	line-height: 1.714285;
	color: #454a51
}

.rebate-protocol-dialog-box h4 {
	font-weight: 400
}

.rebate-protocol-dialog-box dl+h4, .rebate-protocol-dialog-box p+h4,
	.rebate-protocol-dialog-box ul+h4 {
	margin-top: 24px
}

.rebate-total {
	margin-bottom: 30px
}

.rebate-total .total-dl {
	display: inline-block;
	margin-right: 40px
}

.rebate-total .total-label {
	color: #74777c;
	display: inline-block
}

.rebate-total .total-value {
	display: inline-block;
	color: #454a51;
	font-weight: 700
}

.rebate-info {
	border: 1px solid #D1D5DE;
	background-color: #F6F8FA;
	display: table;
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 30px
}

.rebate-info>li {
	display: table-cell;
	vertical-align: top;
	border-left: 1px solid #D1D5DE;
	padding-left: 20px;
	padding-right: 20px
}

.rebate-info>li:first-child {
	border-left: 0 none
}

.rebate-info .info-title {
	color: #74777c;
	margin-bottom: 12px
}

.rebate-info .info-value {
	font-size: 36px;
	color: #454a51;
	line-height: 1.5;
	margin-bottom: 17px
}

.rebate-info .info-unit {
	font-size: 14px
}

.rebate-info .info-desc {
	line-height: 1.5714285;
	color: #454a51;
	margin-bottom: 5px;
	min-height: 66px
}

.rebate-info .info-toolbar {
	height: 27px;
	display: table-cell;
	vertical-align: middle
}

.rebate-info .tc-15-btn {
	padding-left: 30px;
	padding-right: 30px
}

.rebate-info .info-share {
	font-size: 0
}

.rebate-info .info-share .share-label {
	color: #74777c;
	font-size: 14px
}

.rebate-info .info-share a {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	margin-left: 6px;
	margin-right: 6px
}

.rebate-info .info-share .weixin-share-icon {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -397px -325px
}

.rebate-info .info-share .qq-share-icon {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -397px -303px
}

.rebate-info .info-share .qzone-share-icon {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -305px -260px
}

.rebate-info .info-share .tqq-share-icon {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -261px -260px
}

.rebate-info .info-share .weibo-share-icon {
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -283px -260px
}

.manage-area-main.manage-area-main-rebate {
	margin-left: 20px;
	margin-right: 20px
}

.manage-area-main-rebate .tc-15-table-panel {
	margin-left: 0;
	margin-right: 0
}

.manage-area-main-rebate .tc-15-table-panel p.text-overflow,
	.manage-area-main-rebate .tc-15-table-panel span.text-overflow {
	vertical-align: top
}

.manage-area-main-rebate .tc-15-page, .manage-area-main-rebate .tc-15-tab
	{
	margin-left: 0;
	margin-right: 0
}

.manage-area-main-rebate .tc-15-tablist {
	margin-bottom: 20px
}

.voucher-manage-area-title .link {
	margin-left: 10px
}

.voucher-manage-area-title .tc-15-triangle-align-start .tc-15-bubble-right
	{
	margin-top: -28px
}

.voucher-manage-area-title .tc-15-bubble-right .tc-15-bubble-inner:before
	{
	margin-top: -12px
}

.voucher-manage-area-title .tc-15-bubble-right .tc-15-bubble-inner:after
	{
	margin-top: -11px
}

.voucher-search-type {
	margin-bottom: 25px;
	margin-left: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 0;
	margin-right: 20px;
	border: 1px solid #E5E5E5;
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(180, 180, 180, .1);
	position: relative
}

.voucher-search-list-switch {
	position: absolute;
	right: 10px;
	top: 0;
	padding-right: 28px;
	padding-left: 10px;
	color: #444;
	line-height: 22px;
	display: inline-block;
	border: 1px solid #fff;
	background-color: #fff;
	outline: 0
}

.voucher-search-list-switch:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -2.5px;
	right: 10px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 5px;
	border-color: transparent transparent #444
}

.voucher-search-type-item {
	font-size: 0;
	display: table;
	width: 100%
}

.voucher-search-type .voucher-search-list, .voucher-search-type label {
	display: table-cell;
	vertical-align: top;
	padding-bottom: 10px;
	font-size: 12px
}

.voucher-search-type label {
	width: 150px
}

.voucher-search-type .voucher-search-list {
	position: relative;
	padding-right: 80px
}

.voucher-search-type label span {
	width: 6em;
	display: inline-block;
	color: #888
}

.voucher-search-type label a {
	margin-left: 20px;
	padding: 0 10px;
	color: #000;
	line-height: 22px;
	display: inline-block;
	border: 1px solid #fff
}

.voucher-search-type label a:hover {
	text-decoration: none
}

.voucher-search-list a:hover, .voucher-search-type label a:hover {
	text-decoration: none;
	background-color: #f2f2f2;
	border: 1px solid #f2f2f2
}

.voucher-search-list a.voucher-search-select, .voucher-search-type label a.voucher-search-select
	{
	display: inline-block;
	line-height: 22px;
	border: 1px solid #006eff;
	padding: 0 10px;
	color: #006eff
}

.voucher-search-list a.voucher-search-select:hover, .voucher-search-type label a.voucher-search-select:hover
	{
	background-color: #fff
}

.voucher-search-list a {
	display: inline-block;
	padding: 0 10px;
	line-height: 22px;
	color: #000;
	margin-bottom: 10px;
	border: 1px solid transparent
}

.voucher-search-list-slideUp .voucher-search-type-item {
	display: none
}

.voucher-search-list-slideUp .voucher-search-type-item:first-child {
	display: table
}

.voucher-search-list-slideUp .voucher-search-list-switch:after {
	border-width: 5px 4px 0;
	border-color: #444 transparent transparent
}

.voucher-search-list-slideUp .voucher-search-list-box {
	height: 34px;
	overflow: hidden
}

.voucher-total {
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px
}

.voucher-total .total-dl {
	display: inline-block;
	margin-right: 40px
}

.voucher-total .total-label {
	color: #74777c;
	display: inline-block
}

.voucher-total .total-value {
	display: inline-block;
	color: #454a51;
	font-weight: 700
}

.token-form-text {
	margin-bottom: 10px
}

.token-form-label {
	display: block;
	margin-bottom: 10px
}

.token-type-tab-item {
	border: 1px solid #d1d2d3;
	border-radius: 2px;
	width: 160px;
	height: 85px;
	padding-top: 20px;
	text-align: center;
	position: relative;
	display: inline-block !important;
	box-sizing: border-box;
	cursor: pointer;
	margin-right: 10px
}

.token-type-tab-item.curr, .token-type-tab-item:hover {
	border: 1px solid #2277da
}

.token-type-tab-item.curr:after {
	content: '';
	position: absolute;
	background-image: url(sprite/work-order-201712111650.png);
	width: 25px;
	height: 25px;
	bottom: 0;
	right: 0;
	background-position: -397px -198px
}

.token-type-con {
	border: 1px solid #bec0c3;
	border-radius: 2px;
	padding: 20px 10px;
	margin-top: 15px;
	position: relative
}

.token-type-con:after {
	content: '';
	background-image: url(sprite/work-order-201712111650.png);
	width: 16px;
	height: 9px;
	position: absolute;
	top: -9px;
	background-position: -355px -183px
}

.token-type-1:after {
	left: 75px
}

.token-type-2:after {
	left: 245px
}

.token-step-tit {
	font-size: 14px;
	position: relative;
	padding-left: 40px;
	line-height: 26px
}

.token-step-tit em {
	position: absolute;
	left: -13px;
	top: 0;
	width: 38px;
	height: 26px;
	background-image: url(sprite/work-order-201712111650.png);
	color: #fff;
	line-height: 26px;
	padding-left: 15px;
	box-sizing: border-box;
	background-position: -263px -314px
}

.token-step-con {
	line-height: 24px;
	padding: 10px 0 10px 40px
}

.token-step-img {
	padding: 10px 0 0 20px
}

.token-step-img img {
	margin-right: 15px
}

.token-step-img .tc-15-btn {
	display: block;
	margin-top: 5px
}

.token-code-img {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 5px;
	width: 130px;
	height: 130px
}

.token-code-img canvas, .token-code-img img, .token-code-img table {
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.token-code-img .icon-loading {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -16px 0 0 -16px;
	width: 32px;
	height: 32px;
	background: url(img/loading.gif) no-repeat
}

.token-code-img.loading canvas, .token-code-img.loading img,
	.token-code-img.loading table {
	opacity: .1;
	filter: alpha(opactiy = 10)
}

.token-code-img.loading .icon-loading {
	display: block
}

.token-step-code {
	border: 1px solid #e0e0e0;
	background: #f5f5f5;
	padding: 10px 25px 10px 15px;
	position: relative;
	margin: 10px 0 0 20px;
	max-width: 520px;
	box-sizing: border-box;
	word-wrap: break-word
}

.token-step-code .copy-icon {
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer
}

.token-txt-tips {
	display: inline-block;
	vertical-align: middle
}

.token-txt-tips em {
	display: inline-block;
	border-bottom: dotted #ccc 1px;
	cursor: pointer
}

.token-tips-txt {
	max-width: 196px;
	margin-bottom: 5px
}

.token-form-list .tc-15-radio-wrap {
	display: block;
	position: relative;
	margin-bottom: 15px
}

.token-submit {
	padding: 20px 0 40px 86px;
	border-top: #e5e5e5 1px solid
}

.token-submit .tc-15-btn {
	margin-right: 15px
}

.token-question-bubble {
	margin-left: 5px;
	vertical-align: 1px
}

.token-question-bubble .bubble-text {
	position: relative;
	font-size: 12px;
	color: #2277da;
	cursor: default
}

.token-question-bubble .bubble-text:before {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	width: 90%;
	border-bottom: 1px dashed #2277da
}

.token-question-bubble .tc-15-bubble {
	margin-left: -120px;
	width: 240px
}

.token-question-bubble .tc-15-bubble-inner {
	padding: 20px;
	line-height: 1.6
}

.token-question-bubble .img {
	margin-top: 10px;
	width: 100%
}

.token-qq-protection {
	vertical-align: 0
}

.token-qq-protection .bubble-text {
	font-size: 14px
}

.token-qq-protection .tc-15-bubble {
	margin-left: -650px;
	width: 920px
}

.token-qq-protection .tc-15-bubble-inner {
	left: 645px
}

.token-valid.success {
	color: #46b236
}

.token-valid-flag {
	display: inline-block;
	vertical-align: -3px;
	margin-right: 5px;
	width: 16px;
	height: 17px;
	background-repeat: no-repeat;
	background-image: url(sprite/work-order-201712111650.png);
	background-position: -327px -260px
}

.auth-power-list {
	max-height: 400px;
	overflow: auto
}

.auth-power-list .list-title {
	margin-bottom: 10px
}

.auth-power-list .list-title a {
	margin: 0 5px
}

.auth-power-list .form-ctrl-label-stacked.disabled {
	cursor: not-allowed
}

.manage-area-main-account {
	padding-left: 20px;
	padding-right: 20px
}

.manage-area-main-account .tc-15-msg {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 25px
}

.section .tc-panel {
	max-width: none
}

.account-amount {
	display: table;
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;
	padding-top: 30px;
	padding-bottom: 30px
}

.account-amount-item {
	display: table-cell;
	vertical-align: top;
	border-left: 1px solid #D1D5DE;
	padding-left: 20px;
	padding-right: 20px
}

.account-amount-item:first-child {
	border-left: 0 none
}

.account-amount-title {
	color: #333;
	font-size: 12px;
	line-height: 1.33333
}

.account-amount-title .tc-15-bubble-icon {
	vertical-align: top
}

.account-amount-title-extra {
	float: right;
	font-size: 12px
}

.account-amount-title-extra a {
	color: #666
}

.account-amount-title-extra a:hover {
	color: #2277da
}

.account-amount-title-extra .remind {
	position: relative
}

.account-amount-title-extra .remind:before {
	content: "";
	display: inline-block;
	vertical-align: -3px;
	width: 16px;
	height: 16px;
	background-image: url(sprite/work-order-201712111650.svg);;
	margin-right: 3px;
	background-position: 98.86% 1.43%;
	background-size: 650% 537.5%;;
	background-repeat: no-repeat
}

.account-amount-title-extra .remind:hover:before {
	background-image: url(sprite/work-order-201712111650.svg);;
	background-position: 98.86% 27.139999999999997%;
	background-size: 650% 537.5%;;
	background-repeat: no-repeat
}

.account-amount-value {
	font-size: 36px;
	color: #000;
	line-height: 1.33333;
	margin-bottom: 10px
}

.account-amount-value-unit {
	font-size: 16px;
	vertical-align: 1px
}

.account-amount-toolbar {
	font-size: 0;
	line-height: 27px
}

.account-amount-toolbar .tc-15-btn {
	vertical-align: middle
}

.account-amount-toolbar a {
	vertical-align: middle;
	font-size: 12px
}

.account-amount-toolbar a:hover {
	text-decoration: underline
}

.account-amount-toolbar .tc-15-btn+.tc-15-btn, .account-amount-toolbar .tc-15-btn+a
	{
	margin-left: 10px
}

.external-link-icon {
	vertical-align: 1px
}

.tc-panel {
	position: relative;
	border: 1px solid #E5E5E5;
	box-shadow: 0 2px 4px 0 rgba(180, 180, 180, .1);
	margin-bottom: 25px;
	padding: 0
}

.tc-panel .tc-panel-hd {
	position: relative;
	height: 52px;
	z-index: 2;
	margin-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box
}

.tc-panel .tc-panel-hd .col {
	vertical-align: middle
}

.tc-panel-bd {
	padding-left: 20px;
	padding-right: 20px;
	position: relative
}

.tc-15-bubble-inner {
	font-weight: 400
}

.panel-loading {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: table
}

.panel-loading-inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle
}

.panel-loading-tips {
	font-size: 14px;
	color: #444
}

.panel-loading-callback {
	font-size: 12px;
	color: #888
}

.panel-loading-callback-title {
	font-size: 14px;
	color: #444;
	font-weight: 400
}

.panel-loading-callback-title+p {
	margin-top: 7px
}

.account-bill-item+.account-bill-item {
	position: relative
}

.account-bill-item+.account-bill-item:before {
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	top: 0;
	background-color: #E5E5E5;
	height: 1px
}

.account-bill-info {
	background-color: #f2f2f2;
	display: table;
	table-layout: fixed;
	width: 100%;
	border-spacing: 0 25px;
	margin-bottom: 35px;
	height: 100px
}

.account-bill-info:hover {
	background-color: #e5e5e5
}

.account-bill-info-item {
	display: table-cell;
	padding-left: 20px;
	padding-right: 20px
}

.account-bill-info-item+.account-bill-info-item {
	border-left: 1px dashed #BDBDBD
}

.account-bill-info-label {
	font-size: 12px;
	color: #888;
	display: block;
	margin-bottom: 15px;
	height: 16px;
	line-height: 16px
}

.account-bill-info-label .tc-15-bubble-icon {
	vertical-align: top
}

.account-bill-info-text {
	font-size: 14px;
	color: #888;
	display: block
}

.account-bill-info-text-primary {
	color: #333;
	height: 20px;
	line-height: 20px
}

.account-bill-info-text-integer {
	font-size: 16px
}

.payment-order-toolbar {
	font-size: 0;
	padding-right: 10px
}

.payment-order-toolbar .tc-15-btn+a {
	margin-left: 10px
}

.payment-order-toolbar .tc-15-btn {
	vertical-align: middle
}

.payment-order-toolbar a {
	vertical-align: middle;
	font-size: 12px
}

.panel-payment-order .tc-panel-bd {
	border-top: 1px solid #E5E5E5;
	position: relative;
	height: 324px;
	box-sizing: border-box;
	padding-bottom: 49px
}

.payment-order {
	height: 100%;
	overflow: auto;
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	box-sizing: border-box
}

.payment-order-dl {
	margin-bottom: 20px
}

.payment-order-dt {
	font-size: 12px;
	color: #666;
	margin-bottom: 8px
}

.payment-order-dd {
	display: block;
	background-color: #f2f2f2;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
	line-height: 1.5
}

.payment-order-dd:hover {
	background-color: #e5e5e5
}

.payment-order-info {
	padding-top: 18px;
	padding-bottom: 18px
}

.payment-order-info-item {
	display: table;
	width: 100%;
	color: #999
}

.payment-order-info-item+.payment-order-info-item {
	margin-top: 5px
}

.payment-order-info-item-primary {
	color: #333
}

.payment-order-info-label {
	display: table-cell;
	text-align: left;
	vertical-align: top
}

.payment-order-info-text {
	text-align: right;
	display: table-cell;
	vertical-align: top;
	white-space: nowrap
}

.payment-order-more {
	font-size: 12px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 48px;
	text-align: center;
	color: #006eff;
	border-top: 1px solid #E5E5E5;
	background-color: #fff
}

.payment-order-more:hover {
	background-color: #f2f2f2
}

.payment-order .panel-loading {
	height: auto;
	margin-bottom: 20px;
	position: static
}

.panel-renewal-order .tc-panel-bd {
	border-top: 1px solid #E5E5E5;
	position: relative;
	overflow: auto;
	height: 324px;
	box-sizing: border-box
}

.renewal-order {
	height: 100%;
	overflow: auto;
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	box-sizing: border-box
}

.renewal-order-dl {
	margin-bottom: 20px
}

.renewal-order-dt {
	font-size: 12px;
	color: #666;
	margin-bottom: 8px
}

.renewal-order-dd {
	display: block;
	background-color: #f2f2f2;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
	line-height: 1.5
}

.renewal-order-dd:hover {
	background-color: #e5e5e5
}

.renewal-order-info {
	padding-top: 18px;
	padding-bottom: 18px
}

.renewal-order-info-item {
	display: table;
	width: 100%;
	color: #333
}

.renewal-order-info-item+.renewal-order-info-item {
	margin-top: 5px
}

.renewal-order-info-label {
	display: table-cell;
	text-align: left;
	vertical-align: top
}

.renewal-order-info-text {
	text-align: right;
	display: table-cell;
	vertical-align: top
}

.renewal-order .panel-loading {
	height: auto;
	margin-bottom: 20px;
	position: static
}

.discount-total {
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px
}

.discount-total .total-dl {
	display: inline-block;
	margin-right: 40px
}

.discount-total .total-label {
	color: #74777c;
	display: inline-block
}

.discount-total .total-value {
	display: inline-block;
	color: #454a51;
	font-weight: 700
}

.discount-table-panel .tc-15-table-rowhover tbody tr.disable td a {
	color: #2277da;
	cursor: pointer
}

.discount-table-panel .tc-15-table-rowhover tbody tr.disable td:first-child a
	{
	color: #a2a2a2
}

.discount-table-panel .tc-15-table-rowhover tbody tr.disable td a:hover
	{
	color: #2277da;
	text-decoration: underline
}

.qa-entrance {
	position: fixed;
	bottom: 400px;
	right: 0;
	background-color: #006eff;
	color: #fff;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px
}

.entrance-inner {
	padding: 8px 10px;
	font-size: 12px
}

.entrance-inner .entrance-desc, .entrance-inner .entrance-img {
	display: inline-block
}

.entrance-inner .entrance-desc {
	color: #fff;
	height: 30px;
	opacity: 0;
	width: 0;
	overflow: hidden
}

.entrance-inner:hover .entrance-desc {
	width: 86px;
	opacity: 1;
	transition: all .2s
}

.entrance-inner .entrance-desc .tit {
	font-weight: 700
}

.entrance-inner .entrance-desc .txt {
	opacity: .8
}

.manage-area-title {
	min-height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #d4d4d4;
	margin: 0;
	padding: 0 20px
}

.manage-area-title h2 {
	font-size: 16px;
	font-weight: 700
}

.manage-area-title .manage-area-title-right {
	right: 20px
}

.secondary-main {
	top: 51px
}

.container-workorder .manage-area-main, .container-workorder-check .manage-area-main
	{
	padding-top: 20px
}

.container-workorder-category .manage-area-title-right {
	top: -2px !important
}

#MAXIM {
	content: "weu20171211165051"
}